箭头函数自动绑定外层作用域的this，解决传统函数中this易丢失问题，适用于回调、定时器、Promise链等场景，但不可用作构造函数或对象方法。
箭头函数最显著的优势之一，就是自动绑定外层作用域的 this，省去手动绑定的麻烦。
避免显式绑定 this
传统函数中，this 值取决于调用方式，容易丢失。为保证上下文正确，常需 .bind(this)、var self = this 或 function() {}.bind(this) 等写法。箭头函数没有自己的 this，直接继承外层函数的 this，天然解决这个问题。
- 在事件回调或定时器中，无需再写
that = this或handleClick.bind(this) - 在数组方法（如
map、filter）内访问组件实例属性时，可直接使用this.xxx - React 类组件的事件处理方法若定义为箭头函数，就不用在
constructor中绑定
简化异步回调中的 this 指向
Promise 链或 setTimeout 内部，普通函数会丢失外层 this。箭头函数让嵌套回调保持上下文一致。
-
fetch().then(res => this.setState(...))—— 直接可用this，无需提前缓存 -
setInterval(() => this.tick(), 1000)—— 定时器内部仍指向当前实例 - 对比：
setInterval(function() { this.tick(); }.bind(this), 1000)明显更啰嗦
注意：箭头函数不适用的场景
它不是万能替代品。当需要动态 this（如作为对象方法、被 call/apply 调用）或需要 arguments、new 实例化时，必须用普通函数。
立即学习“Java免费学习笔记（深入）”；
- 不能用作构造函数：
const Foo = () => {}后new Foo()会报错 - 对象方法不宜用箭头函数：
obj = { method: () => this.val }中的this指向外层，不是obj - 事件监听器若需访问
event.target或依赖this指向触发元素，应保留普通函数
与普通函数的关键区别总结
理解差异才能用对地方：
- 箭头函数没有
this、arguments、super、new.target，全部沿用外层词法作用域 - 不能通过
call、apply、bind改变其this（因为根本没自己的this） - 适合用于简短的回调、闭包逻辑、需要稳定上下文的场景；不适合需要运行时绑定或构造行为的场合
