对象方法简写（如greet(){}）中this动态绑定调用者，而箭头函数（如greet:()=>{}）作为属性值时this固定继承外层作用域，不指向对象本身。
对象方法简写配合箭头函数时，最核心的差别不是“写法是否简洁”，而是它根本不是对象方法——箭头函数在对象字面量中用简写语法（如 fn: () => {}）定义时，不会绑定到该对象的 this 上，而是直接捕获外层作用域的 this。这和真正的方法简写（fn() { ... }）有本质区别。
对象方法简写（普通函数）：this 指向调用者
使用 ES6 对象方法简写语法定义的函数，本质仍是普通函数，具备动态 this 绑定能力：
- 当以
obj.method()形式调用时，this 指向 obj - 可被
call/apply/bind修改 this - 能访问
arguments，有prototype，可作构造函数（虽不推荐）
示例：
const obj = {name: 'Alice',
greet() { console.log(this.name); } // ✅ 真正的方法简写
};
obj.greet(); // 输出 'Alice'
箭头函数作为属性值：this 固定继承外层
即使写成 fn: () => {} 放在对象里，它也只是个普通属性值，不是“方法”。它的 this 在定义时就锁定为外层作用域的 this（比如模块顶层、函数体、或 class 外部）：
-
永远不指向 obj，哪怕通过
obj.fn()调用 -
call(obj, ...)或bind(obj)完全无效 - 没有
arguments，无prototype，不能new
示例：
const obj = {name: 'Alice',
greet: () => { console.log(this.name); } // ❌ 不是方法，this 不是 obj
};
obj.greet(); // 输出 undefined（浏览器中可能输出 window.name）
为什么容易误判？关键看定义位置而非调用方式
开发者常以为“写在对象里 + 用点号调用”就等于“this 指向该对象”，但箭头函数的 this 只取决于它在哪里被声明：
- 若在全局作用域定义：
this指向全局对象（非严格模式）或undefined（严格模式） - 若在某个函数内定义：
this继承该函数执行时的 this - 若在 class 的字段中定义（如
handler = () => {}）：this继承 class 实例创建时的上下文
它和“对象有没有这个属性”完全无关，只和“这个箭头函数字面量出现在哪一层作用域”有关。
实用识别技巧：三步快速判断
遇到 { key: () => {} } 这类写法，按顺序问自己：
- 这个箭头函数是在哪个函数/模块/类的内部写的？它的外层 this 是谁？
- 你是否期望它内部的
this指向当前对象？如果是，那它大概率会出错 - 是否需要动态绑定、
arguments、或将来可能被bind？如果需要，就不能用箭头函数
真正需要对象方法语义时，就用 method() { ... }；只有当你明确要“捕获外层 this 并冻结它”，才把箭头函数作为属性值使用（例如事件回调绑定到 class 实例）。
