JavaScript中this关键字的作用及绑定方法

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《JavaScript中this关键字是什么？如何绑定？》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

this 在函数调用时才确定指向，取决于调用方式：默认绑定（独立调用，非严格模式→window，严格模式→undefined）、隐式绑定（obj.method→obj）、显式绑定（call/apply/bind）、new绑定（构造调用→新实例），且箭头函数不绑定this，继承外层。

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学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！