JavaScript中this的指向取决于函数被调用时的上下文:裸调用时指向全局对象或undefined,对象方法调用时指向该对象,new调用时指向新实例,call/apply/bind可显式绑定,箭头函数则继承外层this。

JavaScript 中 this 的指向不取决于函数定义的位置,而取决于函数**被调用时的上下文**。简单说:谁调用它,this 就指向谁(箭头函数除外)。
普通函数调用时:this 指向全局对象(非严格模式)或 undefined(严格模式)
直接写 func() 调用,没有点号、没有绑定、没有 new,就是“裸调用”。
例如:
"use strict";
function foo() { console.log(this); }
foo(); // undefined
对象方法调用时:this 指向调用该方法的对象
当函数作为对象的属性被点号(.)或方括号([])调用时,this 指向那个对象。
立即学习“Java免费学习笔记(深入)”;
-
obj.method()→this是obj -
obj['method']()→ 同样是obj - 注意:一旦把方法赋值给变量再调用,就丢失了对象绑定(变成裸调用)
例如:
const obj = {
name: 'Alice',
say() { console.log(this.name); }
};
obj.say(); // "Alice"
const fn = obj.say;
fn(); // undefined(严格模式),因为 this 不再是 obj
构造函数调用(new)时:this 指向新创建的实例
用 new 调用函数时,JS 引擎会自动创建空对象,并把 this 绑定到它身上,最后返回该对象。
-
new Foo()→this是新生成的Foo实例 - 函数内部对
this的赋值会添加到实例上
例如:
function Person(name) {
this.name = name; // this 指向新实例
}
const p = new Person('Bob');
console.log(p.name); // "Bob"
显式绑定与箭头函数:call/apply/bind 和箭头函数不绑定 this
call、apply、bind 可以手动指定 this 值;而箭头函数没有自己的 this,它会沿作用域链向上找外层普通函数的 this。
-
func.call(obj, ...)→this强制为obj -
const bound = func.bind(obj)→ 返回的新函数永远以obj为this - 箭头函数的
this在定义时就确定,无法被 call/bind 改变
例如:
const obj = { val: 42 };
function logThis() { console.log(this.val); }
logThis.call(obj); // 42
const arrow = () => console.log(this.val);
// 箭头函数 this 取决于外层作用域(比如全局)
基本上就这些。抓住“调用方式决定 this”这个核心,再结合是否是箭头函数,就能准确判断绝大多数情况。











