this的本质是调用时由执行上下文决定的动态引用，而非定义时确定；其绑定遵循new绑定、显式绑定、隐式绑定、默认绑定的优先级顺序，并受严格模式和箭头函数词法继承特性影响。

一、this 的绑定本质：执行上下文中的引用

函数内部的 this 不是定义时决定的，而是**调用时**由函数如何被调用（即调用位置）决定的。它始终指向当前执行上下文的 调用者对象（严格模式下可能为 undefined），而非函数本身或其词法作用域。

二、四条绑定优先级规则（从高到低）

1. new 绑定：使用 new 调用函数时，this 指向新创建的实例对象。
 • 优先级最高，会覆盖其他绑定；
 • 构造函数若显式返回对象，则 this 绑定失效，返回该对象。

2. 显式绑定（call / apply / bind）：通过 .call(obj)、.apply(obj) 或 .bind(obj) 强制指定 this 值。
 • bind 返回新函数，绑定永久生效（硬绑定）；
 • 箭头函数无法被 call/apply/bind 改变 this，因其不绑定自己的 this；
 • 使用 new 调用硬绑定函数时，new 绑定优先，硬绑定被忽略。

3. 隐式绑定（对象方法调用）：函数作为对象属性被调用，如 obj.foo()，此时 this 指向 obj。
 • 关键看「点号左边是谁」——必须是直接、单层的对象引用；
 • 若赋值后调用（const fn = obj.foo; fn();），隐式绑定丢失，退回到默认绑定；
 • 嵌套对象中，只看最后一层调用位置（obj.bar.baz() → this 指向 bar）。

4. 默认绑定（独立函数调用）：既无 new、无显式绑定、也无隐式调用时，this 指向全局对象（非严格模式）或 undefined（严格模式）。
 • 全局环境下的普通函数调用属于此类；
 • 浏览器中非严格模式下 this === window，Node 中为 global；
 • 事件回调、定时器回调等，若未显式绑定，也走默认绑定（常为触发元素或全局对象）。

三、箭头函数的特殊性

箭头函数没有自己的 this，它沿用定义时所在词法作用域的 this 值（静态绑定，不可更改）。
 • 不能用 new 调用；
 • 不能用 call/apply/bind 修改 this；
 • 常用于回调中避免 this 丢失（如 setTimeout、Promise.then、事件监听器）；
 • 注意：它的 this 取决于外层第一个「有 this 的函数」，不是最近的函数。

四、判断 this 的实操流程图

遇到一个函数调用，按顺序问自己：
 • 是不是用 new 调用？→ 是 → new 绑定
 • 是不是用 call/apply/bind 调用？→ 是 → 显式绑定
 • 是不是以 obj.method() 形式调用？且点号左边是对象引用？→ 是 → 隐式绑定
 • 否则 → 默认绑定（注意严格模式）

五、常见陷阱与加固技巧

• this 丢失场景：
 – 回调传参：`setTimeout(obj.foo, 100)` → this 丢失（默认绑定）；
 – 解构赋值：`const { foo } = obj; foo()` → 隐式绑定失效；
 – 数组方法：`arr.map(obj.method)` → 每个 method 调用都是独立调用。

• 安全写法：
 – 使用箭头函数（定义在对象方法内，继承外层 this）；
 – 显式绑定：map(obj.method.bind(obj))；
 – 封装闭包：map(() => obj.method())；
 – 类字段语法（ES2022）：method = () => { ... }（自动绑定）。