箭头函数在对象字面量中无法正确绑定this，因其无自有this，继承外层全局作用域，导致访问对象属性失败；应改用普通函数或类字段箭头函数。
在对象字面量中用箭头函数定义方法，是 JavaScript 中一个隐蔽但高频的 this 绑定错误。它不报语法错，编辑器也不标红，却让方法内部读不到对象自身属性，甚至把数据意外写到 window 或 global 上。
为什么箭头函数在对象里会指向全局？
箭头函数没有自己的 this，它直接沿词法作用域向上找——而对象字面量本身不是作用域，不产生新的执行上下文。所以箭头函数的 this 实际继承自外层（通常是全局）作用域。
- 对象创建时，箭头函数已确定 this 值，与后续怎么调用无关
-
.call()、.bind()对它完全无效 - 非严格模式下 this 指向
window；严格模式下为undefined
典型错误写法一眼识别
只要看到对象属性值是 () => { ... } 形式，且内部用了 this，基本就是错的：
user: { name: 'Tom', getName: () => this.name }timer: { count: 0, start: () => setTimeout(() => this.count++, 100) }handler: { id: 'btn', onClick: () => this.handleClick() }
这些写法表面简洁，实际运行时 this.name、this.count、this.handleClick 全部失效。
运行时表现：静默失败最危险
错误不会立刻暴露，而是表现为：
- 访问属性返回
undefined（如user.getName()输出undefined） - 修改属性无效（
timer.start()后timer.count仍是 0） - 调用方法报错
Cannot read property 'xxx' of undefined - 更隐蔽的是：
this.xxx = val把值悄悄挂到了全局对象上
正确替代方案
保持语义清晰且行为可靠：
- ✅ 普通函数写法：
getName() { return this.name; }或getName: function() { return this.name; } - ✅ 类中使用类字段箭头函数：
class User { name = 'Tom'; getName = () => this.name; }（此时 this 是实例，由 class 保证） - ✅ 需要绑定时显式处理：
onClick: this.handleClick.bind(this)（但需注意 this 来源）
对象字面量本质是静态结构，不参与 this 绑定过程。想让方法真正“属于对象”，就得靠普通函数的动态调用机制。
