对象字面量中用箭头函数定义方法会导致this指向全局而非对象本身，应改用普通函数；需传回调时可用bind、call/apply或闭包；复杂场景推荐使用class。
对象字面量里用箭头函数定义方法，this 会指向全局（非严格模式下是 window，严格模式下是 undefined），而不是你期望的对象本身。这不是语法错误，但运行时会静默失效——比如读不到属性、改不了状态、调用不到内部方法。
看清写法：一眼识别危险信号
只要看到对象内部直接用 () => {} 定义方法，就要警惕：
greet: () => console.log(this.name)onClick: () => this.handle()save: () => this.data.push(item)
这些写法中，箭头函数没有自己的 this，它只会沿作用域链往上找，最终落到顶层作用域——也就是全局环境。
改用普通函数语法
对象方法应优先使用传统函数声明方式，让 this 由调用方式自然决定：
- ✅
greet() { console.log(this.name); } - ✅
save: function() { this.data.push(item); } - ✅
click: function(e) { this.active = true; }
这样写，obj.greet() 调用时 this 就是 obj，符合直觉和预期。
需要稳定绑定时，显式处理
如果方法要作为回调传出去（比如给 addEventListener、setTimeout、map），普通函数的 this 仍可能丢失。这时可选以下任一方式：
- 在赋值时用
.bind(obj)：btn.addEventListener('click', obj.handleClick.bind(obj)) - 调用时用
.call(obj)或.apply(obj)：setTimeout(obj.update.call.bind(obj.update, obj), 100) - 用闭包缓存：
const self = obj; btn.addEventListener('click', () => self.handleClick())
更可靠的替代方案：构造函数或 class
若逻辑较复杂、需复用或继承，建议放弃纯对象字面量，改用构造函数或 class：
class Button { constructor(label) { this.label = label; } click() { console.log(this.label); } }- 类中也可用字段语法绑定：
handleClick = () => { console.log(this.label); }（此时this指向实例，因定义在类上下文中）
这类结构天然支持实例级 this，且方法可被安全提取、传递、重写。
不复杂但容易忽略：对象字面量只是静态数据结构，它不创建执行上下文，也不提供 this 绑定机制。真正决定 this 的，永远是“谁在调用”和“怎么调用”。
