JavaScript 中对象嵌套方法中的 this 怎么指向-js教程-PHP中文网

javascript中嵌套方法的this指向取决于调用方式而非定义位置；普通对象方法调用时this指向直接调用它的对象，赋值后调用会丢失this，需用bind、箭头函数或显式绑定修复。

javascript 中对象嵌套方法中的 this 怎么指向

在 JavaScript 中，对象嵌套方法里的 this 指向取决于**方法如何被调用**，而不是它在哪个对象里定义的。嵌套本身不改变 this 绑定规则，关键看「谁调用了这个函数」。

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

当方法通过点号（.）或方括号（[]）从对象上直接调用时，this 指向该对象（即使它嵌套多层）：

const user = {
  name: 'Alice',
  profile: {
    age: 30,
    getInfo() {
      return this.name + ' is ' + this.age; // ❌ this.name 是 undefined
    }
  }
};
user.profile.getInfo(); // this 指向 profile 对象，不是 user

上面例子中，getInfo 是 profile 的方法，所以 this 是 profile，没有 name 属性。

想访问外层对象？显式绑定或箭头函数

如果需要在嵌套方法中访问更外层的对象（比如 user），有几种常用方式：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

提前缓存 this：在父级作用域用变量保存 this（如 const self = this）
使用箭头函数：箭头函数不绑定自己的 this，会沿作用域链向上找（但注意：箭头函数不能作为对象方法，需配合普通函数使用）
显式绑定：用 .call()、.apply() 或 .bind() 强制指定 this
改用 this 链式访问：确保嵌套结构支持逐级访问（例如 this.parent.name）

常见陷阱：赋值后调用丢失 this

把嵌套方法单独拿出来赋值给变量再调用，this 就会丢失，指向全局（非严格模式）或 undefined（严格模式）：

const fn = user.profile.getInfo;
fn(); // this 是 undefined（严格模式）

解决办法：用 bind、箭头函数包装，或调用时用 call(user.profile) 显式传入。

Class 中嵌套对象方法的 this 更需小心

类中定义的属性如果是对象，其内部方法默认不绑定实例 this：

class User {
  constructor(name) {
    this.name = name;
    this.data = {
      level: 5,
      show() {
        console.log(this.name); // ❌ undefined
      }
    };
  }
}

这时 this.data.show() 的 this 是 data 对象。推荐写法是：