箭头函数不能定义类方法，但适合事件处理器和异步回调，因其自动继承外层this，避免bind；推荐用类字段语法（如handleSubmit = () => {...}）确保this指向实例。
箭头函数在类方法中不能直接替代普通方法定义，但它在处理回调、事件监听或异步操作时，能自然继承外层作用域的 this，避免手动绑定，这是它真正的优势所在。
避免手动绑定 this（如 bind、call、apply）
在类中，如果把普通函数作为回调传给 setTimeout、addEventListener 或 Promise 链，this 会丢失，指向全局对象或 undefined（严格模式）。传统做法是用 bind(this) 或在构造函数里预先绑定：
- 箭头函数自动捕获定义时所在上下文的
this，无需额外绑定 - 比如在构造函数或类字段中定义箭头函数，它始终指向当前实例
- 比
handleClick = () => { ... }更简洁，也比constructor() { this.handleClick = this.handleClick.bind(this); }更直观
适用于事件处理器和异步回调场景
当需要在 DOM 事件或异步逻辑中访问类实例属性或方法时，箭头函数可省去绑定步骤：
-
button.addEventListener('click', () => this.doSomething())——this正确指向实例 -
fetch('/api').then(data => this.updateState(data))—— 不用写.bind(this)或中间变量const self = this - 注意：不能用箭头函数定义类方法本身（如
render = () => {...}是类字段语法，不是标准方法定义），但它是被广泛支持的实用模式
与普通方法的关键区别：不绑定自己的 this
普通类方法有独立的 this 绑定规则（调用时决定），而箭头函数没有自己的 this，它沿作用域链向上查找，最终指向类实例（前提是定义在实例上下文中）：
立即学习“Java免费学习笔记（深入）”；
- 箭头函数无法通过
call、apply或bind改变this - 不能用作构造函数（无
prototype，无new调用能力） - 因此它不适合定义需被重写、被继承或需动态
this的公共方法
推荐写法：类字段 + 箭头函数（现代实践）
ES2022 起，类字段语法已标准化，配合箭头函数是目前最清晰的 this 控制方式：
handleSubmit = (e) => { e.preventDefault(); console.log(this.state); }- 该写法确保每次调用都绑定到当前实例，且在 JSX 中可直接传给
onClick={this.handleSubmit} - 比生命周期中绑定更可靠（不受组件重新挂载影响），也比内联箭头函数（
onClick={() => this.handleClick()}）更利于 React 的 diff 优化
