17370845950

JavaScript中this的值在函数调用时确定，遵循四条绑定规则：1.new绑定指向新实例；2.显式绑定由call/apply/bind指定；3.隐式绑定取点号前对象；4.默认绑定在严格模式下为undefined，非严格模式下为全局对象。

JavaScript 中 this 的值不是在函数定义时决定的，而是在函数被调用时才确定的——它取决于“谁调用了这个函数”。理解 this 的核心，就是掌握它的四条绑定规则（按优先级从高到低）。

1. new 绑定：构造函数调用时 this 指向新创建的对象

当函数通过 new 关键字调用时，this 被绑定到新生成的实例对象上。

• 引擎会自动创建一个空对象，并将其作为 this 传入函数
• 函数内部对 this 的属性赋值，会添加到该实例上
• 函数默认返回这个新对象（除非显式 return 一个非 null 对象）

function Person(name) { this.name = name; }
const p = new Person('Alice'); // this 指向 p

2. 显式绑定：call、apply、bind 强制指定 this

使用 call()、apply() 或 bind() 时，第一个参数就是你明确传入的 this 值。

• call 和 apply 立即执行，区别只在于参数传递方式（apply 接数组）
• bind 返回一个新函数，this 被永久绑定，后续调用无法改变
• 箭头函数没有自己的 this，所以 bind 对它无效（它沿用外层作用域的 this）

3. 隐式绑定：方法调用时点号左边的对象成为 this

当函数作为对象的方法被调用（即形如 obj.method()），this 默认绑定到点号前的那个对象。

• 只看调用时的“最近一层”对象，嵌套不影响
• 如果把方法单独提取出来（比如赋值给变量再调用），隐式绑定就丢失，退回到默认绑定
• 常见陷阱：事件回调、定时器、回调函数中容易丢失 this

const obj = { name: 'Bob', say() { console.log(this.name); } };
obj.say(); // 'Bob' —— this 是 obj
const fn = obj.say;
fn(); // undefined（非严格模式下是全局对象）

4. 默认绑定：独立函数调用时的兜底规则

既没用 new，也没用 call/apply/bind，也不是对象方法调用，就进入默认绑定。

• 严格模式下：this 是 undefined
• 非严格模式下：this 指向全局对象（浏览器是 window，Node 是 global）
• 箭头函数不遵循以上四条，它没有 this，而是继承外层普通函数作用域的 this 值

基本上就这些。实际判断时，按 new → 显式 → 隐式 → 默认 的顺序检查即可。记牢“调用位置决定 this”，而不是“定义位置”。