JavaScript中this关键字的作用及绑定规则详解

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《JavaScript中this关键字是什么？绑定规则有哪些？》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

this 是 JavaScript 中动态绑定的关键字，其值取决于函数调用方式：默认绑定（非严格→全局对象，严格→undefined）、隐式绑定（obj.method→obj）、显式绑定（call/apply/bind）、new 绑定（优先级最高，指向新实例）及箭头函数（词法继承外层 this）。

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

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

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

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

例如：

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

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

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

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

例如：

const obj = { name: 'Alice', say: function() { console.log(this.name); } };
obj.say(); // 'Alice' —— this 指向 obj
const fn = obj.say;
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; }
const p = new Person('Bob'); // this 指向新创建的 p 实例

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

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

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

例如：

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

理论要掌握，实操不能落！以上关于《JavaScript中this关键字的作用及绑定规则详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！