箭头函数能解决回调中this丢失问题，因其不绑定this而是继承外层作用域的this值；普通函数作为回调时被单独调用，this默认指向全局对象或undefined。
箭头函数能解决回调中 this 丢失的问题，因为它不绑定自己的 this，而是继承外层作用域的 this 值。
为什么普通函数在回调里会丢失 this
当把对象方法作为回调传入（比如事件监听、setTimeout、数组方法），函数被“抽取”出来单独调用，此时 this 默认指向全局对象（非严格模式下是 window，严格模式下是 undefined），不再指向原对象。
例如：
const obj = {
name: 'Alice',
sayHi() {
console.log('Hello, ' + this.name);
}
};
setTimeout(obj.sayHi, 100); // 输出 "Hello, undefined"
用箭头函数捕获外层 this
在定义回调的位置使用箭头函数，它会记住当前词法作用域中的 this，而不是运行时决定。
- 适用于事件绑定：
button.addEventListener('click', () => this.handleClick()) - 适用于定时器：
setTimeout(() => this.doSomething(), 100) - 适用于数组遍历：
arr.map(item => this.process(item))
关键点：箭头函数必须写在 this 仍有效的作用域内（比如类的方法体、对象方法内部），不能把它从方法里抽出来再用。
对比其他解决方案
除了箭头函数，还有几种常见方式，但各有局限：
-
.bind(this)：显式绑定，但每次调用都新建函数，影响性能和相等性判断 -
function() {}.call(this)或.apply(this)：适合一次性调用，不适用于需多次触发的回调（如事件） - 提前缓存
const self = this：可行但冗余，破坏代码可读性
箭头函数更简洁、语义清晰，且无额外开销，是现代 JS 中首选方案。
注意事项
箭头函数虽好，但不是万能的：
- 不能用作构造函数（没有
prototype，不能new） - 没有
arguments对象（可用剩余参数...args替代） - 不能用
yield，不能作为 Generator 函数 - 在类字段中使用时，确保类已初始化（避免在构造前访问
this）
如果回调需要动态 this（比如被多个不同对象复用），那箭头函数反而不合适，应改用 bind 或普通函数加显式传参。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
