箭头函数提升 promise 链可读性与简洁度，通过省略冗余语法、避免隐式返回陷阱、支持解构与纯函数串联，并需注意 this 无绑定、catch 统一处理及 async/await 的正确配合。
箭头函数本身不改变 Promise 的执行逻辑，但它能显著提升 .then() 链的可读性与简洁度——关键在于减少冗余语法、避免隐式返回陷阱，并让数据流转更直观。
用单参数省略括号，让映射逻辑一目了然
当 .then() 只接收一个参数且只做简单转换时，省略括号和花括号，直接返回表达式：
// 传统写法（啰嗦）
.then(function (res) { return res.data; })
// 箭头函数重构（清爽）
.then(res => res.data)
这种写法天然适合解构、属性提取、基础运算等场景。注意：若需解构对象，记得加小括号防止语法错误：
-
.then(({ data, status }) => data)✅ -
.then({ data } => data)❌（语法错误）
多步骤处理时，用隐式返回串联纯函数
把每个 .then() 当作一个独立的纯函数，利用箭头函数的隐式返回，避免手动写 return：
// 传统写法（易漏 return，缩进深）
.then(function (user) {
return fetch(`/api/posts?userId=${user.id}`);
})
.then(function (response) {
return response.json();
})
.then(function (posts) {
return posts.filter(p => p.published);
});
// 箭头函数重构（扁平、不易出错）
.then(user => fetch(`/api/posts?userId=${user.id}`))
.then(response => response.json())
.then(posts => posts.filter(p => p.published));
错误处理保持一致性，避免箭头函数捕获 this 陷阱
箭头函数没有自己的 this，这对 Promise 链通常不是问题；但要注意：它也不能被 bind 或用作构造函数。在错误处理中，推荐统一用 .catch() 接收，而非在 .then(null, ...) 中混用普通函数：
- ✅
.catch(err => console.error('API failed:', err.message)) - ⚠️ 避免
.then(success => ..., err => {...})—— 第二个参数已被废弃，且箭头函数在此处无优势
配合 async/await 时，箭头函数仍适用但需注意执行时机
在 async 上下文中，箭头函数依然可用于回调或高阶函数，但不要误以为它能让 await 在 .then() 内部生效：
- ❌
.then(async res => await process(res))—— 返回的是Promise，链式行为不变 - ✅ 更清晰的做法是：把整段逻辑抽成异步函数，再用
then调用它：.then(handleResponse)，其中const handleResponse = async res => {...}
