方法简写传入微任务会丢失 this 绑定，因变为普通函数调用；正确解法包括：①箭头函数包裹调用；②bind 显式绑定；③类字段箭头函数；④call/apply 指定 this；⑤解构时同步绑定。

方法简写（如 obj.fn）直接传入微任务（promise.then、queuemicrotask 等）时，会丢失 this 绑定——因为提取后它就变成一个普通函数调用，this 指向全局或 undefined（严格模式下）。这不是“惨剧”，但确实容易踩坑。核心解法是确保调用时 this 正确指向原对象。

用箭头函数包裹调用

最直观、无副作用的方式：不传方法引用，而是传一个箭头函数，在其中显式调用。

const obj = {
  name: 'Alice',
  greet() {
    console.log(`Hello, ${this.name}`);
  }
};

// ✅ 正确：箭头函数保留外层 this（即当前作用域的 obj）
Promise.resolve().then(() => obj.greet());

// ❌ 错误：this 在 greet 内部为 undefined
// Promise.resolve().then(obj.greet);

绑定 this 后再传入

提前用 .bind() 或类字段箭头函数固化 this，适合需复用或多次传入的场景。

• bind 显式绑定：Promise.resolve().then(obj.greet.bind(obj))
• 类中定义箭头方法（ES2022+）：greet = () => { console.log(this.name); }，此时 obj.greet 天然绑定 this

改用 call/apply 包一层

和箭头函数类似，但更明确体现“指定 this”意图，语义清晰：

Promise.resolve().then(() => obj.greet.call(obj));
// 或
Promise.resolve().then(() => obj.greet.apply(obj));

避免在对象字面量中直接解构方法

下面写法看似简洁，实则危险：

const { greet } = obj;
Promise.resolve().then(greet); // ❌ this 已丢失

如需解构，务必同时绑定：const { greet } = obj; Promise.resolve().then(greet.bind(obj));，或直接用箭头函数：Promise.resolve().then(() => greet.call(obj));

本质上，只要不是“对象.方法()”这种调用形式，this 就不会自动绑定。微任务队列里的回调执行环境与定义无关，只看调用方式。守住“谁调用、this 是谁”这条线，就不会翻车。