箭头函数不绑定this，继承定义时外层作用域的this，天然规避调用时上下文丢失；适用于类字段、回调封装等场景，但不能作构造函数、无arguments、对象方法慎用。
箭头函数是解决闭包中 this 指向问题最直接、最可靠的方式——它不绑定自己的 this，而是继承定义时外层作用域的 this，天然规避了调用时上下文丢失的风险。
为什么箭头函数能避开闭包 this 陷阱
普通函数的 this 是动态绑定的，取决于调用形式（如 obj.fn() 中 this 是 obj，但 const f = obj.fn; f() 中 this 就变成 undefined）。而闭包常被作为回调传入异步操作（setTimeout、Promise.then、事件监听器等），导致函数脱离原始调用对象，this 失效。箭头函数没有自己的执行上下文，它的 this 在定义那一刻就已确定，与后续如何调用无关。
类中优先使用类字段箭头函数
在 ES6+ 类中，把方法声明为类字段（即直接赋值箭头函数），可让 this 始终指向实例，无需手动绑定：
- 写法简洁：
increment = () => { this.count++; } - 可安全传递：
<button onClick={this.increment}>或setTimeout(this.increment, 100)都不会丢失this - 避免构造函数内重复绑定：
this.handleClick = this.handleClick.bind(this)可省略
普通函数嵌套场景下用箭头函数封装
当需要在普通函数内部创建闭包并访问外层 this 时，直接用箭头函数替代传统匿名函数：
立即学习“Java免费学习笔记（深入）”；
- 定时器：
setTimeout(() => this.doSomething(), 1000) - Promise 回调：
fetch('/api').then(data => this.handleData(data)) - 事件监听：
element.addEventListener('click', e => this.onClick(e)) - 避免缓存
self = this这类冗余写法
注意箭头函数不适用的边界情况
箭头函数虽好，但不是万能解法：
- 不能用作构造函数（无
prototype，调用new会报错） - 没有
arguments对象（需用剩余参数...args替代） - 在对象字面量中定义方法时，若希望该方法的
this指向对象自身，不能用箭头函数（因为此时外层this是全局或 undefined）：const obj = { name: 'test', getName: () => this.name } // ❌ 返回 undefinedconst obj = { name: 'test', getName() { return this.name } } // ✅ 正确
