JavaScript中this关键字是什么？绑定规则有哪些？

JavaScript 中的 this 是一个动态绑定的关键字，其指向完全取决于函数的调用方式而非定义位置——普通调用触发默认绑定（严格模式下为 undefined，否则为全局对象），对象方法调用启用隐式绑定（this 指向调用者对象），call/apply/bind 实现显式绑定，new 调用则以最高优先级将 this 绑定至新实例，而箭头函数彻底摒弃动态绑定，选择词法继承外层 this。掌握这五大绑定规则及其优先级关系，是避免 this 失控、写出可预测代码的核心突破口。

this 是 JavaScript 中一个特殊的关键字，它指向函数当前执行时的“执行上下文”中的对象。它的值不是在函数定义时确定的，而是在函数被调用时动态绑定的——也就是说，同一个函数，不同调用方式，this 可能指向完全不同的对象。

默认绑定（非严格模式 vs 严格模式）

当函数作为普通函数调用（即不通过对象属性、new 或 call/apply/bind 调用）时，this 的绑定取决于是否启用严格模式：

• 非严格模式下，this 指向全局对象（浏览器中是 window，Node.js 中是 global）
• 严格模式下，this 保持为 undefined

例如：

function foo() { console.log(this); }<br>foo(); // 非严格：window；严格：undefined

隐式绑定（对象方法调用）

当函数作为对象的属性被调用时（即形如 obj.method()），this 绑定到该对象（即点号左边的对象）。

• 只看调用位置最靠近的那层对象，嵌套不影响
• 如果把方法赋值给变量再调用，会丢失隐式绑定，退回到默认绑定

例如：

const obj = { name: 'Alice', say: function() { console.log(this.name); } };<br>obj.say(); // 'Alice' —— this 指向 obj<br>const fn = obj.say;<br>fn(); // undefined（严格模式）或 window.name（非严格）

显式绑定（call、apply、bind）

通过 call()、apply() 或 bind() 可以强制指定函数运行时的 this 值：

• call(obj, arg1, arg2...)：立即执行，参数逐个传入
• apply(obj, [args])：立即执行，参数以数组形式传入
• bind(obj, arg1, arg2...)：返回一个新函数，this 固定为 obj，后续调用时生效

注意：硬绑定（bind）优先级高于隐式绑定；new 调用可覆盖 bind，但普通 call/apply 无法覆盖 new。

new 绑定（构造函数调用）

使用 new 调用函数时，会创建一个新对象，并将 this 绑定到这个新对象上，同时该对象原型指向函数的 prototype。

• new 调用优先级最高，会覆盖默认、隐式和显式（bind）绑定
• 箭头函数没有自己的 this，也不可被 new 调用

例如：

function Person(name) { this.name = name; }<br>const p = new Person('Bob'); // this 指向新创建的 p 实例

箭头函数的 this（词法绑定）

箭头函数不绑定自己的 this，而是**继承外层普通函数作用域中的 this 值**，且该绑定无法被 call/apply/bind 或 new 改变。

• 适合用于回调、事件处理器等需要保持外层 this 的场景
• 不能用作构造函数，没有 arguments 和 prototype

例如：

const obj = {<br>  name: 'Charlie',<br>  regular() { setTimeout(function() { console.log(this.name); }, 100); },<br>  arrow() { setTimeout(() => { console.log(this.name); }, 100); }<br>};<br>obj.regular(); // undefined（非严格下是 window.name）<br>obj.arrow();   // 'Charlie'

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。