对象方法必须用普通函数语法，因箭头函数无动态this，会继承外层作用域this，导致在对象字面量中this不指向当前对象，解构或嵌套调用时更易失效，正确写法为method() { return this.data; }。
对象方法必须用普通函数语法
箭头函数没有自己的 this，定义时就固定继承外层作用域的 this，不会随调用方式改变。在对象字面量中写 method: () => this.xxx，this 几乎肯定不是当前对象，而是全局、undefined 或某个无关上下文。
- ✅ 正确写法：
method() { return this.data; }或method: function() { return this.data; } - ❌ 错误写法：
method: () => this.data（除非你明确需要外层 this） - 普通函数在
obj.method()调用时自动把 this 绑定到obj，行为可预测、可继承、可解构后安全调用
嵌套对象和解构调用时问题更明显
当对象结构变深或方法被提取使用，箭头函数的 this 失效会立刻暴露：
-
obj.nested.action = () => this.value：即使obj.nested是子对象，this 仍不指向它，也不指向obj -
const { action } = obj.nested; action();：解构后调用，this 完全丢失，且无法用.bind()修复（箭头函数对bind无效） - 原型链上定义的箭头方法，子类无法重写或正确继承，因为 this 不是动态绑定的
需要稳定上下文时，换种方式处理
想让方法始终访问对象自身，不是靠箭头函数“硬绑”，而是用更清晰、更可控的方式：
- 构造函数中预绑定：
this.handleClick = this.handleClick.bind(this) - 类字段写法（仅限类）：
handleClick = () => { console.log(this.state); }—— 此时 this 已由实例确定，安全 - 事件回调中包装（如 JSX）：
onClick={() => this.submit()}是闭包，不是对象属性，可以；但{ onClick: () => this.submit() }是纯对象字面量，风险高 - 手动缓存：
const self = this; setTimeout(() => console.log(self.data), 100);
快速自查：看到箭头函数就问两个问题
只要在对象字面量或类中看到 () => 或 = () => 定义的方法，停一下：
- 这个函数是否要读写当前对象的属性或调用其他方法？
- 它会不会被传给
addEventListener、map、setTimeout等，脱离原始调用上下文？ - 如果是，就换成普通函数，并按需显式绑定或改用类字段语法
