JavaScript 中方法调用中的 this 怎么指向当前调用该方法的对象-js教程-PHP中文网

javascript中this指向由调用上下文决定：对象方法调用时指向调用者；箭头函数无this，继承外层；call/apply/bind可显式绑定；构造函数和class中this指向新实例。

javascript 中方法调用中的 this 怎么指向当前调用该方法的对象

在 JavaScript 中，this 的指向不是由函数定义时决定的，而是由**函数被调用时的上下文**决定的。简单说：谁调用这个方法，this 就指向谁（绝大多数情况下），但有几个关键细节必须注意。

普通对象方法调用：this 指向调用者

当一个函数作为对象的属性被调用时，this 自动绑定到该对象。

const obj = {
  name: 'Alice',
  greet() {
    console.log(`Hello, I'm ${this.name}`);
  }
};
obj.greet(); // Hello, I'm Alice → this 指向 obj

关键看调用形式：obj.greet() 是“点号调用”，this 绑定到点号前的对象（obj）
如果把方法单独提取出来再调用，就失去绑定：const fn = obj.greet; fn(); 此时 this 指向全局对象（非严格模式）或 undefined（严格模式）

箭头函数没有自己的 this

箭头函数不创建自己的 this，它会沿作用域链向上查找，继承外层函数的 this 值。

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

const obj = {
  name: 'Bob',
  regular() {
    console.log(this.name); // Bob
    const arrow = () => console.log(this.name); // 也输出 Bob
    arrow();
  }
};

箭头函数的 this 是静态的，定义时就确定了，和调用方式无关
不能用 call、apply、bind 改变箭头函数的 this
适合用在回调中避免 this 丢失，比如事件监听或定时器

显式绑定：call / apply / bind

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

function introduce(age) {
  console.log(`I'm ${this.name}, ${age} years old`);
}

const person = { name: 'Charlie' };
introduce.call(person, 30);   // I'm Charlie, 30 years old
introduce.apply(person, [30]); // 同上
const boundFn = introduce.bind(person, 30);
boundFn(); // I'm Charlie, 30 years old

call 和 apply 立即执行，区别只在参数传递方式（逗号 vs 数组）
bind 返回一个新函数，this 被永久绑定，后续调用无法覆盖
显式绑定优先级高于隐式绑定（如 obj.method()）

构造函数与 class 方法中的 this

用 new 调用函数时，this 指向新创建的实例；class 中的方法默认绑定到实例（但需注意类字段箭头函数的写法）。

class Person {
  constructor(name) {
    this.name = name;
  }
  sayHi() {
    console.log(`Hi, I'm ${this.name}`); // this 指向实例
  }
  // 箭头函数写法可避免 this 丢失（如传给 setTimeout）
  delayedGreet = () => {
    console.log(`Later: ${this.name}`);
  };
}