箭头函数在异步和Promise中核心价值是稳定this指向、避免回调嵌套混乱、天然适配链式调用；其this继承外层作用域，不可被call/apply/bind修改，适合then/catch但不能替代Promise构造器的executor函数。

箭头函数在异步操作和 Promise 处理中，最核心的价值不是“写得更短”，而是稳定 this 指向、避免回调嵌套混乱，并天然适配 Promise 链式调用的语法风格。

箭头函数解决 this 指向问题

在定时器、事件监听或 Promise 回调中，普通函数的 this 容易丢失或指向意外对象（比如全局 window），而箭头函数会继承外层作用域的 this，让逻辑更可控。

• 事件处理中：btn.onclick = function() { setTimeout(() => { this.style.color = 'red'; }, 100); } —— 箭头函数里的 this 仍指向 btn
• 对象方法内慎用：对象里写 handler: () => { console.log(this.name); }，this 不再是该对象，而是外层作用域（通常是 window 或 undefined）
• call/apply/bind 对箭头函数无效 —— 它的 this 是定义时就锁定的，不可动态修改

箭头函数与 Promise.then 的天然契合

then 和 catch 的参数本身就是回调函数，箭头函数能大幅简化写法，尤其适合单表达式返回或链式传递。

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

• 简洁写法：promise.then(res => res.data).then(data => data.id)，省略 return 和花括号
• 避免隐式错误：若需返回对象，必须加括号 —— then(res => ({ id: res.id, name: res.name }))，否则 {} 被解析为代码块而非对象字面量
• 不能替代 Promise 构造函数内的回调：构造器第一个参数必须是普通函数（或至少能接收 resolve/reject），但里面可自由使用箭头函数处理内部逻辑

箭头函数在 async/await 中的注意事项

虽然 async 函数本身常用箭头写法（如 const fetchData = async () => {...}），但需注意几个边界点：

立即学习“Java免费学习笔记（深入）”；

• 箭头函数不能作为构造函数 —— new (async () => {}) 报错
• 没有 arguments 对象 —— 需要用 rest 参数 (...args) 替代
• 不绑定 prototype —— 无法被继承，也不支持 instanceof 判断
• 在类方法中，若用箭头函数定义，this 会固化为实例创建时的上下文，适合做事件绑定，但会失去方法复用的灵活性

常见误用与规避建议

看似方便的写法，容易埋下运行时隐患：

• 对象方法不用箭头函数：obj = { getName: () => this.name } → this 指向错误；应写成 getName() { return this.name; }
• Promise 构造器内不要用箭头函数当 executor：new Promise((res, rej) => {...}) 是允许的，但必须确保它是一个函数表达式，且能正确传入两个参数
• 需要访问 arguments 或想用 new 调用时，坚决用传统函数声明