javascript的This指向什么_它的绑定规则有哪些？

紅蓮之龍 2025-12-26 00:00:00 次阅读

JavaScript中this在调用时动态绑定，按优先级分为：1.new绑定（指向新实例）、2.显式绑定（call/apply/bind指定）、3.隐式绑定（点号左侧对象）、4.默认绑定（严格模式为undefined，非严格为全局对象）。

JavaScript 中的 this 指向当前执行上下文中的“执行主体”，也就是函数运行时所在的对象（或环境）。但它不是在函数定义时决定的，而是在**调用时**动态绑定的——这正是容易混淆的关键点。理解 this 的核心，是掌握它的四条绑定规则，按优先级从高到低依次为：new 绑定 > 显式绑定 > 隐式绑定 > 默认绑定。

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

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

引擎会自动创建一个空对象，并将 this 指向它
该对象的原型被设为构造函数的 prototype
若构造函数没有显式返回对象，则默认返回 this

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

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

通过 call()、apply() 或 bind() 调用函数时，第一个参数即为 this 的绑定对象。

call/apply 立即执行，bind 返回新函数（this 已预设）
箭头函数无法被显式绑定改变 this（它继承外层作用域的 this）
硬绑定（如 bind 后再 call）也无法覆盖——new 绑定除外

例如：
function greet() { return `Hello, ${this.name}`; }
const obj = { name: 'Bob' };
greet.call(obj); // "Hello, Bob"

隐式绑定：方法调用时点号左侧的对象

当函数作为对象的属性被调用（即形如 obj.method()），this 指向点号左侧的对象。

只看调用时的“最近一层”对象，嵌套不影响
赋值后调用会丢失隐式绑定（如 const fn = obj.method; fn() → this 为 undefined 或全局对象）
回调中常见丢失问题，需用 bind、箭头函数或包装处理

例如：
const user = { name: 'Charlie', say() { return this.name; } };
user.say(); // "Charlie" —— this 指向 user
const say = user.say;
say(); // undefined（严格模式）或全局对象（非严格）