箭头函数不绑定自己的this，而是继承外层作用域的this，从而简化回调中this绑定问题；适用于事件监听、数组方法、promise链等场景，但不可用于需动态this的场合。
箭头函数不绑定自己的 this，而是沿作用域链向上继承外层函数的 this 值——这正是它简化回调函数的核心机制。
避免手动绑定 this 的麻烦
在普通函数中，作为回调传入（如事件监听、setTimeout、数组方法）时，this 会丢失，常需用 .bind(this)、闭包变量（const self = this）或箭头函数替代。
- 传统写法需额外绑定：
button.addEventListener('click', function() { this.handleClick(); }.bind(this)); - 用箭头函数直接复用外层
this：
button.addEventListener('click', () => this.handleClick());
在对象方法中保持上下文一致
当对象方法内使用数组遍历、定时器等异步/高阶操作时，箭头函数让回调自然持有对象实例的 this。
- 错误示例（普通函数回调中
this指向全局或undefined）：
this.items.map(function(item) { return this.transform(item); }); // 报错 - 正确写法（箭头函数继承外层方法的
this）：
this.items.map(item => this.transform(item)); // 正常调用实例方法
适用于 Promise 和 async/await 回调链
在 .then()、.catch() 或 async 函数内部，箭头函数让状态访问更直观，无需担心 this 漂移。
- 例如在 Vue 或 React 类组件中更新状态：
fetchData().then(res => this.setState({ data: res })); - 对比普通函数需显式绑定：
fetchData().then(function(res) { this.setState({ data: res }); }.bind(this));
注意：不能用于需要动态 this 的场景
箭头函数的 this 是词法固定的，因此不适合用作构造函数、事件处理器中需访问原生事件目标（如 e.target），或需要被重新绑定的场合。
- ❌ 不要这样用：
const handler = () => console.log(this);
obj.addEventListener('click', handler.bind(otherObj)); // bind 无效 - ✅ 需要动态
this时，改用普通函数或方法简写：
obj.addEventListener('click', function(e) { console.log(this, e.target); });
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
