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 默认也指向当前实例(前提是没被错误地脱离上下文)。
立即学习“Java免费学习笔记(深入)”;
- 例如:
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











