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 绑定到它身上，再执行函数体。

• function Person(name) { this.name = name; }
• const p = new Person('Bob'); → p.name 是 'Bob'，因为函数内 this 就是 p
• 此时即使函数内部没写 return，也会默认返回这个新对象

显式绑定和箭头函数例外

call、apply、bind 可以强制指定 this 值；而箭头函数则不遵循上述规则。

• fn.call(obj, arg1, arg2)：立即执行，this 设为 obj
• const bound = fn.bind(obj); bound();：返回新函数，this 永远是 obj
• 箭头函数没有自己的 this，它会沿作用域链向上找，使用定义时外层函数的 this 值