箭头函数不绑定this，应避免在对象方法、事件处理器、类组件生命周期中使用；不可作为构造函数，无arguments和super。正确做法是用普通函数或剩余参数替代。
箭头函数本身不绑定 this，它只是沿作用域链向上取外层普通函数的 this 值。真正要避免的不是“用不用 this”，而是误以为箭头函数能动态响应调用上下文，或在不该用的地方强行套用。
别把箭头函数当对象方法用
对象字面量中用箭头函数定义方法，this 不会指向该对象，而是指向外层作用域（通常是全局或模块顶层）：
- ❌ 错误写法：
const obj = { name: 'Alice', greet: () => console.log(this.name) };—— 调用obj.greet()输出undefined - ✅ 正确写法：改用普通函数语法
greet() { console.log(this.name); }或简写为greet: function() { ... }
事件处理器里小心 this 指向目标元素
原生 DOM 事件监听中，回调函数的 this 默认指向触发事件的元素（event.currentTarget）。箭头函数会丢掉这个行为：
- ❌ 错误写法：
btn.addEventListener('click', () => console.log(this));——this是外层的，不是按钮 - ✅ 推荐写法：用普通函数，或显式用
event.target/event.currentTarget获取元素，如btn.addEventListener('click', e => console.log(e.currentTarget))
Vue/React 类组件中别用箭头函数定义生命周期或事件方法
框架依赖 this 的动态绑定来注入实例、响应式数据或 props。箭头函数会切断这一机制：
立即学习“Java免费学习笔记（深入）”；
- ❌ 错误写法（React 类组件）：
componentDidMount = () => { this.setState(...); }—— 看似可行，但若该方法被手动传给子组件或定时器，this 可能失效 - ✅ 更稳妥写法：在 constructor 中绑定
this.handleClick = this.handleClick.bind(this)，或直接用普通方法定义，再在 JSX 中onClick={this.handleClick}
需要 arguments、super 或 new 调用时必须绕开箭头函数
箭头函数没有 arguments 对象，不能用 super，也不能作为构造函数：
- ❌ 错误写法：
const Cls = () => {}; new Cls();→ 报错TypeError: Cls is not a constructor - ❌ 错误写法：
const log = () => console.log(arguments); log(1,2);→ReferenceError: arguments is not defined - ✅ 替代方案：用普通函数，或用剩余参数
...args代替arguments
