对象方法简写不支持箭头函数，本质是普通函数；若用箭头函数需显式赋值，但this指向外层作用域；异步回调中，普通函数this动态绑定而箭头函数this词法捕获。
对象方法简写本身不支持箭头函数
这是最常被忽略的前提。es6的对象方法简写语法（如 say() { ... }）本质仍是普通函数，它不能直接写成箭头函数形式：
❌ 错误写法：obj = { say: () => console.log(this.name) }
✅ 正确简写：obj = { say() { console.log(this.name) } }
如果硬要用箭头函数，只能显式赋值：obj.say = () => console.log(this.name)，但此时 this 不再指向 obj，而是继承外层作用域的 this。
异步回调中 this 绑定差异立刻暴露
在 setTimeout、Promise.then、事件监听器等异步上下文中，两种写法的行为截然不同：
- 普通方法简写：调用时 this 动态绑定到调用者，但若被提取为独立函数（如
const fn = obj.say），再传入异步回调，this 就丢失了 - 箭头函数赋值：从定义那一刻起 this 就固定为外层作用域的值（比如组件实例、模块顶层的 this），不会因调用方式改变
示例对比：
const user = { name: 'Alice', id: 101 };
// ✅ 方法简写（普通函数）
user.greet = function() {
setTimeout(() => console.log('Hi, ' + this.name), 100); // this 正确 → 'Alice'
};
// ❌ 箭头函数直接挂载（this 指向外层，非 user）
user.greetArrow = () => {
setTimeout(() => console.log('Hi, ' + this.name), 100); // this 可能是 window 或 undefined
};
真正影响异步行为的是“函数如何被获取和调用”
关键不在语法是否“简写”，而在于：
— 函数是否保持与对象的绑定关系
— this 的来源是动态查找还是词法捕获
- 用
obj.method直接调用 → this 指向 obj（无论方法简写或 function 声明） - 用
const fn = obj.method; fn()调用 → 普通函数 this 丢失；箭头函数 this 仍为定义时外层值 - 传入异步回调（如
setTimeout(obj.method, 100)）→ 同样丢失 this；必须用setTimeout(() => obj.method(), 100)或obj.method.bind(obj)
工程建议：按场景选型，不强行“简写+箭头”混搭
— 需要访问对象自身属性/方法？用普通函数（方法简写或 function 表达式），必要时 bind/call 或用箭头包裹调用
— 在类或组件中写回调（如 React 事件、Vue 生命周期）？优先用箭头函数定义回调逻辑，避免手动绑定
— 想把方法当参数传递？封装一层：() => obj.doSomething()，比试图改造方法本身更清晰可靠
