如何从子实例访问类实例？解决main未定义报错问题

你的判断完全正确——报错的核心是**main变量在Background初始化时还未被赋值**：var main = new Main()要等Main构造函数完全执行完毕后，才会把实例赋值给main；而构造函数里先创建Background实例，此时Background的类字段直接引用main.player，自然会提示“main is undefined”。另外还有个隐藏问题：就算main存在，你构造函数里先实例化Background再实例化Player，此时main.player也是undefined。

下面是两种可行的解决思路：

方案1：构造函数传递主实例+显式初始化依赖属性 #

通过构造函数把Main的当前实例传递给子类，让子实例持有主实例的引用，同时调整初始化顺序，确保被依赖的实例先创建，最后显式初始化依赖属性：

class Player {
  constructor(main) {
    this.main = main; // 保存主实例引用
    this.x = 10;
    this.y = 20;
  }

  // 示例：通过主实例访问Background
  logBackgroundCenter() {
    console.log(this.main.background.backgroundCenterX);
  }
};

class Background {
  constructor(main) {
    this.main = main; // 保存主实例引用
  }

  // 在Player实例化完成后，再初始化依赖属性
  initCenter() {
    this.backgroundCenterX = this.main.player.x;
    this.backgroundCenterY = this.main.player.y;
  }
};

class Main {
  constructor() {
    this.player = new Player(this); // 先创建被依赖的Player
    this.background = new Background(this); // 再创建Background
    this.background.initCenter(); // 初始化Background的依赖属性
  }
};

var main = new Main();
// 测试访问
console.log(main.background.backgroundCenterX); // 输出10
main.player.logBackgroundCenter(); // 输出10

方案2：用Getter动态获取依赖属性 #

如果希望子实例的属性能自动跟随依赖对象的变化，可以用Getter代替类字段，每次访问时动态获取最新值：

class Player {
  constructor(main) {
    this.main = main; // 保存主实例引用
    this.x = 10;
    this.y = 20;
  }
};

class Background {
  constructor(main) {
    this.main = main; // 保存主实例引用
  }

  // 用Getter动态获取Player的属性
  get backgroundCenterX() {
    return this.main.player.x;
  }

  get backgroundCenterY() {
    return this.main.player.y;
  }
};

class Main {
  constructor() {
    this.player = new Player(this); // 先创建Player
    this.background = new Background(this); // 再创建Background
  }
};

var main = new Main();
console.log(main.background.backgroundCenterX); // 输出10
// 修改Player的x值，Background的属性会自动更新
main.player.x = 50;
console.log(main.background.backgroundCenterX); // 输出50

核心要点 #

• 不要在类字段中直接引用未初始化的全局变量，而是通过构造函数传递主实例，让子实例持有引用
• 注意主类构造函数的实例化顺序：先创建被依赖的实例，再创建依赖它的实例
• 若需要依赖其他子实例的属性，要么用显式初始化方法，要么用Getter动态获取，避免提前引用导致的未定义问题

内容的提问来源于stack exchange，提问作者potato-burger