JavaScript中this关键字是什么？怎么绑定？

JavaScript 中的 this 是一个动态绑定的关键字，其指向完全取决于函数的调用方式而非定义位置——它可能指向全局对象、undefined、调用它的对象、手动指定的任意对象，或是 new 构造出的新实例，且不同绑定方式存在明确的优先级顺序（new > 显式 > 隐式 > 默认）；更需注意的是，箭头函数不绑定 this，而是直接继承外层作用域的 this 值。掌握 this 的本质，就是抓住“调用时的上下文”，告别凭直觉猜测，真正写出可预测、健壮的 JavaScript 代码。

this 是 JavaScript 中一个特殊的关键字，它不指向函数本身，也不固定指向某个对象，而是**在函数被调用时才确定指向谁**——这个过程叫“this 绑定”。它的值完全取决于函数的调用方式，而不是定义位置。

默认绑定：独立调用时指向全局或 undefined

当函数直接调用（没有点号、没有 call/apply/bind、不是对象方法），就触发默认绑定：

• 非严格模式下，this 指向全局对象（浏览器中是 window）；
• 严格模式下，this 是 undefined。

例如：
function foo() { console.log(this); }
foo(); // 非严格模式 → window；严格模式 → undefined

隐式绑定：通过对象调用时指向该对象

当函数作为对象的属性被调用（即用 obj.method() 形式），this 自动绑定到点号左边的对象：

• const obj = { name: 'Alice', say() { console.log(this.name); } };
obj.say(); // 输出 'Alice'，this 指向 obj
• 注意：只看调用时的“最后一点”，const fn = obj.say; fn(); 就会丢失绑定，退回到默认绑定。

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

这三个方法可以手动把 this 绑定到任意对象：

• func.call(obj, arg1, arg2) —— 立即执行，参数逐个传；
• func.apply(obj, [arg1, arg2]) —— 立即执行，参数用数组传；
• const bound = func.bind(obj) —— 返回新函数，this 永远绑定到 obj（常用于事件回调、定时器等防丢失场景）。

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

用 new 调用函数时，会自动创建空对象，将 this 绑定到该新对象，并最终返回它：

• function Person(name) { this.name = name; }
const p = new Person('Bob'); // this 指向新生成的 p 实例
• new 绑定优先级高于隐式和默认绑定。

绑定优先级从高到低：new 绑定 > 显式绑定（bind 优先于 call/apply） > 隐式绑定 > 默认绑定。箭头函数不遵循以上规则——它没有自己的 this，而是继承外层函数作用域的 this 值。

基本上就这些。理解 this 的关键是盯住“怎么调的”，而不是“在哪写的”。

好了，本文到此结束，带大家了解了《JavaScript中this关键字是什么？怎么绑定？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！