箭头函数最大优势是this绑定不可变、语法无歧义、语义更确定，因其无自身this而继承外层词法作用域的this值，从而避免回调中this指向混乱。
箭头函数最大的优势不是“写得短”，而是 this 绑定不可变、语法无歧义、语义更确定——它把“意外行为”从回调里直接砍掉了。
为什么箭头函数能解决 this 指向混乱？
普通函数的 this 是调用时才决定的（动态绑定），而箭头函数压根没有自己的 this，它直接继承外层词法作用域的 this 值（静态绑定）。
- 常见错误现象：
setTimeout(function() { this.doSomething(); }, 100)中的this指向window或undefined（严格模式），导致方法调用失败 - 正确做法：
setTimeout(() => this.doSomething(), 100)——this就是定义时所在对象的实例 - 适用场景：Vue/React 组件方法内定时器、事件监听器、Promise 回调、
map/filter中需访问组件状态的逻辑
哪些地方必须用普通函数，不能用箭头函数？
箭头函数不是万能替代品；它主动放弃了一些能力，换来的是确定性。以下场景禁用箭头函数：
-
new调用会报错：const Person = (name) => { this.name = name; }; new Person('张三');→TypeError: Person is not a constructor - 对象方法中直接定义箭头函数会导致
this指向全局：const obj = { name: 'Alice', say: () => console.log(this.name) }; obj.say(); // undefined（不是 'Alice'） - 需要
arguments对象时（虽然应优先用剩余参数...args），箭头函数不提供arguments，直接访问会报ReferenceError - 需要
prototype或想被继承时：箭头函数的prototype是undefined，无法作为构造器或被class扩展
怎么写出安全又简洁的箭头函数？
别只图省字符，要盯住三个关键点：参数括号、返回值、对象字面量。
立即学习“Java免费学习笔记（深入）”；
- 无参数：必须写
()，不能省略 ——const tick = () => console.log('tick') - 单参数：可省括号，但建议保留，尤其当参数名语义弱时（如
e、item）——arr.map((x) => x * 2)比arr.map(x => x * 2)更易读 - 返回对象字面量：必须用小括号包裹，否则
{}会被解析为函数体 ——users.map(u => ({ id: u.id, name: u.name })) - 多行逻辑：必须加
{}和显式return——data.filter((x) => { return x && x.active; })
最常被忽略的一点：箭头函数的“简洁”是设计出来的约束，不是语法糖。你放弃的每个特性（this、arguments、prototype），都是为了换回一个不会在回调里突然失联的执行上下文。
