javascript this关键字指向谁_如何在不同场景下确定它的值？

this的值由函数调用方式决定：普通调用指向全局对象（非严格模式下为window/globalThis）；作为对象方法调用时指向该对象；new调用时指向新实例；箭头函数无this，继承外层普通函数的this；call/apply/bind可显式绑定this且bind不可被覆盖。

this 的值不是定义时决定的，而是调用时决定的。它指向函数执行时的“当前对象”，具体是谁，得看函数怎么被调用。

普通函数直接调用（非严格模式）

在全局作用域下直接调用函数，this 指向 window（浏览器环境）或 globalThis（Node.js）。这是最容易混淆的场景之一。

• 例如：function foo() { console.log(this); } foo(); → 输出 window
• 注意：箭头函数没有自己的 this，它会沿作用域链向上找外层普通函数的 this

作为对象方法调用

当函数作为对象的属性被调用（即通过点号或方括号访问后加括号），this 指向该对象。

• 例如：const obj = { name: 'Alice', say() { console.log(this.name); } }; obj.say(); → 输出 Alice
• 但若把方法单独提取出来：const fn = obj.say; fn(); → 此时 this 不再是 obj，而退回到全局对象（非严格模式）或 undefined（严格模式）

构造函数与 class 中的 this

用 new 调用函数时，this 指向新创建的实例；在 class 方法中，this 默认也指向当前实例（前提是没被错误地脱离上下文）。

• 例如：class Person { constructor(name) { this.name = name; } greet() { return `Hi, I'm ${this.name}`; } } const p = new Person('Bob'); p.greet(); → this 是 p
• 注意：class 内部的箭头方法或事件回调中，如果没显式绑定，this 可能丢失，需用 bind、箭头函数或 class 字段语法（handleClick = () => { ... }）来保持

显式绑定与 call/apply/bind

可以用 call、apply 或 bind 强制指定 this 值。

• fn.call(obj, arg1, arg2) 立即执行，this 为 obj
• fn.bind(obj) 返回一个新函数，之后无论怎么调用，this 都固定为 obj
• ES6 的 bind 不能被再次覆盖，即使再用 call 也无法改变已绑定的 this