javascript this关键字指向谁_在不同上下文中如何确定?

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

JavaScript 中 this 的指向不取决于函数定义的位置,而取决于函数**被调用时的上下文**。简单说:谁调用它,this 就指向谁(箭头函数除外)。

普通函数调用时:this 指向全局对象(非严格模式)或 undefined(严格模式)

直接写 func() 调用,没有点号、没有绑定、没有 new,就是“裸调用”。

  • 非严格模式下:this 指向 window(浏览器)或 global(Node.js)
  • 严格模式下:thisundefined

例如:

"use strict";
function foo() { console.log(this); }
foo(); // undefined

对象方法调用时:this 指向调用该方法的对象

当函数作为对象的属性被点号(.)或方括号([])调用时,this 指向那个对象。

  • obj.method()thisobj
  • 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

callapplybind 可以手动指定 this 值;而箭头函数没有自己的 this,它会沿作用域链向上找外层普通函数的 this

  • func.call(obj, ...)this 强制为 obj
  • const bound = func.bind(obj) → 返回的新函数永远以 objthis
  • 箭头函数的 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”这个核心,再结合是否是箭头函数,就能准确判断绝大多数情况。