JavaScript的this关键字如何工作？

JavaScript的this在函数调用时确定，取决于调用者：对象方法调用时指向该对象；独立调用时非严格模式为window、严格模式为undefined；构造函数调用时指向新实例；call/apply/bind可显式绑定；箭头函数无this，继承外层定义时的this。

JavaScript 的 this 关键字不是在函数写好时就定死的，而是在函数**被调用的那一瞬间**才决定它指向谁。它的值完全取决于“谁在调用这个函数”，而不是函数定义在哪、长什么样。

对象方法调用时，this 指向调用者

当函数作为对象的属性被调用（即以 obj.method() 形式），this 就指向那个对象。

• const obj = { name: 'Alice', say() { console.log(this.name); } };
• obj.say(); // 输出 'Alice'，因为 this 指向 obj
• 但如果把方法单独拿出来：const fn = obj.say; fn();，这时 this 就不再指向 obj（非严格模式下是 window，严格模式下是 undefined）

独立函数调用时，this 指向全局或 undefined

直接写 foo() 这种调用方式，没有点号、没有对象前缀，就属于“独立调用”。

• 非严格模式下：this 指向全局对象（浏览器中是 window）
• 严格模式下：this 是 undefined，避免意外修改全局
• 这种行为和变量作用域无关，只看调用形式

构造函数调用时，this 指向新创建的对象

用 new Foo() 调用函数，JavaScript 会自动创建一个空对象，并把 this 绑定到它身上，再执行函数体。

标签： javascript java 浏览器 app win 作用域