javascript中this是什么_它在不同情况下如何指向?

普通函数直接调用时,非严格模式下this指向全局对象,严格模式下为undefined;箭头函数不绑定this,继承外层作用域;call/apply/bind可手动绑定this,其中bind返回永久绑定新函数;对象方法调用时this指向该对象,但赋值后调用会丢失;new调用时this指向新实例,箭头函数不可作为构造函数。

普通函数调用时的 this 指向全局对象或 undefined

在非严格模式下,直接调用函数(如 foo()),this 指向全局对象(浏览器中是 window,Node.js 中是 global);严格模式下则为 undefined。这是最容易误判的场景——你以为它指向调用者,其实它根本没绑定。

  • 严格模式必须显式声明:"use strict",否则默认非严格
  • 箭头函数不绑定 this,它继承外层作用域的 this,和普通函数行为完全不同
  • 模块顶层的函数(ESM)默认处于严格模式,所以 thisundefined,不是 window

callapplybind 如何强制指定 this

这三个方法本质都是手动绑定 this,区别只在参数传递方式和执行时机:

  • func.call(obj, arg1, arg2):立即执行,参数逐个传
  • func.apply(obj, [arg1, arg2]):立即执行,参数以数组形式传
  • const bound = func.bind(obj, arg1):返回新函数,this 永久绑定为 obj,后续调用无法覆盖
  • 注意:bind 绑定后再次 callapply 也无法改变已绑定的 this(除非用 new

对象方法中的 this 指向调用该方法的对象

当函数作为对象属性被调用(obj.method()),this 指向 obj。但这个绑定非常脆弱,一旦脱离对象上下文就会失效:

const obj = {
  name: 'Alice',
  say() {
    console.log(this.name);
  }
};
obj.say(); // 'Alice' ✅
const fn = obj.say;
fn(); // undefined ❌(非严格模式下是 window.name,通常也是 undefined)
  • 常见陷阱:把方法传给事件监听器或回调(如 button.addEventListener('click', obj.handleClick)),this 会丢失
  • 修复方式:用箭头函数包装、bind、或在 class 中用字段语法定义方法(handleClick = () => { ... }
  • 类方法默认不自动绑定 this,Babel/TS 的类字段语法是语法糖,本质仍是 bind 或闭包

构造函数与 new 调用时的 this 指向新实例

new 调用函数时,JavaScript 引擎会创建空对象,将其设为 this,并隐式返回该对象(除非显式返回其他对象):

function Person(name) {
  this.name = name; // this 指向新创建的实例
}
const p = new Person('Bob');
console.log(p.name); // 'Bob'
  • 如果构造函数显式返回一个对象,this 创建的实例会被丢弃;返回原始值(string/number/等)则忽略,仍返回实例
  • 箭头函数不能用作构造函数,调用 new 会报错:TypeError: xxx is not a constructor
  • ES6 class 构造器内部也遵循相同规则,但禁止不使用 new 调用(会直接报错)
真正难的不是记住规则,而是意识到 this 的值完全取决于**函数如何被调用**,而不是函数如何被定义或写在哪里。哪怕同一个函数,在不同调用位置,this 都可能指向完全不同对象。