对象字面量中用箭头函数定义方法是错误写法，因其this继承外层作用域而非对象本身，导致运行时无法访问对象属性或方法。
直接在对象字面量里用箭头函数定义方法，就是最典型的错误写法。它表面看起来没问题，但一调用，this 就悄悄指向了全局（非严格模式下是 window，严格模式下是 undefined），而不是你预期的那个对象。
看写法就能识别：对象内直接写 () => {}
只要看到类似下面这种结构，基本就可以判定有问题：
const obj = { name: 'Alice', greet: () => console.log(this.name) };const cat = { lives: 9, jump: () => this.lives-- };const handler = { id: 'x1', onClick: () => this.doSomething() };
这些箭头函数是在对象创建时“被赋值进去”的，但它们的 this 并不绑定到 obj、cat 或 handler，而是继承自外层作用域——通常就是全局作用域。
运行时表现明显：调用后读不到对象自有属性
真正暴露问题的是执行结果：
-
obj.greet()输出undefined（不是'Alice'） -
cat.jump(); console.log(cat.lives)仍是9（没减少） -
handler.onClick()报错：Cannot read property 'doSomething' of undefined
这不是语法错误，也不会在编辑器里标红，而是在运行时静默失败——这是它最难察觉的地方。
嵌套对象中更隐蔽：子对象方法也一样失效
哪怕箭头函数写在深层嵌套里，问题依然存在：
const app = { ui: { btn: { click: () => this.handleClick() } } };-
app.ui.btn.click()中的 this 仍不是app，也不是ui或btn
因为对象本身不构成独立的作用域，所有嵌套层级里的箭头函数，this 都只往上找普通函数作用域，找不到就落到全局。
和普通函数对比，一眼分清
正确写法会明确体现出“方法属于谁”：
- ✅ 普通函数：
greet() { console.log(this.name); }或greet: function() { ... } - ✅ 类字段箭头函数（在 class 内）：
greet = () => console.log(this.name);（此时 this 是类实例，已由类上下文确定） - ❌ 对象字面量内箭头函数：
greet: () => console.log(this.name)（无效）
关键区别在于：普通函数的 this 由调用方式决定（obj.greet() → this 是 obj），而对象内的箭头函数根本没机会获得这个动态绑定。
