箭头函数不改变 Promise 行为，但能简化 .then() 链和 async/await 语法，省略 return 与花括号、自动绑定 this，提升可读性与简洁性，适用于异步回调、并行请求等场景。
箭头函数本身不改变 Promise 的行为，但它能显著减少异步链中的冗余语法，让 .then() 和 async/await 更简洁、更易读。
用箭头函数简化 .then() 链式调用
传统写法中，每个 .then() 里写普通函数容易产生大量 function() { return ... }；箭头函数可省略 return 和花括号（单表达式时），还能自动绑定 this（虽在 Promise 链中通常无关紧要，但避免意外丢失上下文）。
- ✅ 简洁写法：
promise.then(x => x * 2).then(y => y + 1) - ❌ 冗余写法：
promise.then(function(x) { return x * 2; }).then(function(y) { return y + 1; }) - ⚠️ 注意：如果箭头函数需多语句或提前返回，仍需加花括号和
return，例如.then(data => { console.log(data); return data.result; })
在 async/await 中自然配合箭头函数
async 函数本身是函数声明/表达式，而箭头函数也可标记为 async，适合定义简短的异步回调（如事件处理、数组映射等）。
- 定义异步转换器：
const fetchUser = id => fetch(`/api/user/${id}`).then(r => r.json()); - 配合
map并行请求：Promise.all(ids.map(id => fetch(`/api/${id}`).then(r => r.json()))) - 注意：箭头函数不能用
await除非它本身是async，所以正确写法是ids.map(async id => (await fetch(`/api/${id}`)).json())
避免常见陷阱：箭头函数没有 arguments 和 this（但 Promise 场景影响小）
在 Promise 链中，this 通常不参与数据流转；arguments 在现代代码中也极少依赖。真正要注意的是：
立即学习“Java免费学习笔记（深入）”；
- 箭头函数无法用
new调用 —— 但 Promise 回调本就不该被实例化，无影响 - 不能用
yield—— 意味着箭头函数不能是 generator，但 Promise 链本身不依赖 generator - 错误堆栈可能略简略（V8 已大幅优化），调试时仍能准确定位到源码行
实际组合示例：登录后获取用户信息并处理
对比传统写法与箭头函数优化后的效果：
// 传统
login().then(function(token) {
return getUser(token);
}).then(function(user) {
return updateUserLastLogin(user.id);
}).catch(function(err) {
console.error(err);
});
<p>// 箭头函数优化（更紧凑，语义不变）
login()
.then(token => getUser(token))
.then(user => updateUserLastLogin(user.id))
.catch(err => console.error(err));</p><p>// 进阶：用 async/await + 箭头函数封装逻辑
const handleLoginFlow = async () => {
try {
const token = await login();
const user = await getUser(token);
await updateUserLastLogin(user.id);
} catch (err) {
console.error(err);
}
};
不复杂但容易忽略：箭头函数的价值不在“新特性”，而在降低认知负担——少写括号、少想 this、让数据流像管道一样线性展开。
