箭头函数能自动绑定外层作用域的this，因其无独立this，沿作用域链继承定义时所在上下文的this值，避免传统回调中this指向全局或undefined的问题。
箭头函数能自动绑定外层作用域的 this，避免传统回调中因执行上下文丢失导致的 this 指向错误。
为什么传统回调里 this 会出问题
在事件监听、定时器或异步操作中，普通函数作为回调被调用时，this 默认指向全局对象（浏览器中是 window）或 undefined（严格模式），而不是定义时所在的对象。
例如：
const obj = {
name: 'Alice',
sayHi() {
setTimeout(function() {
console.log(this.name); // undefined，因为 this 指向 window
}, 100);
}
};
obj.sayHi();
用箭头函数直接继承外层 this
箭头函数没有自己的 this，它会沿作用域链向上查找，使用定义时所在函数/块级作用域的 this 值。
立即学习“Java免费学习笔记（深入）”；
改写上面的例子：
const obj = {
name: 'Alice',
sayHi() {
setTimeout(() => {
console.log(this.name); // 'Alice'，this 正确指向 obj
}, 100);
}
};
obj.sayHi();
适用常见场景
- 事件处理器：给 DOM 元素绑定 click 等事件时，避免手动 bind(this) 或缓存 this
- Promise 链式调用：.then() / .catch() 回调中访问实例属性或方法
- 数组方法回调：map、filter、forEach 中需访问对象上下文时
- 定时器与异步任务：setTimeout、setInterval 内部逻辑依赖当前实例
需要注意的边界情况
- 箭头函数不能用作构造函数（没有 prototype，不能 new）
- 没有 arguments 对象（可用剩余参数 ...args 替代）
- 不能通过 call、apply、bind 改变它的 this（因为它根本没 this）
- 如果外层作用域的 this 本身就是错的（比如函数被错误地作为普通函数调用），箭头函数也会继承这个错误的 this
