如何从类中调用另一类实例所属类的方法？现有方案是否可行？

一、你的现有方案是否正确？ #

你的全局变量方案能实现功能，但存在明显缺陷：

• 强耦合：Interface类直接绑定全局变量myGlobalVariable，一旦变量名修改或App实例的创建逻辑变动，Interface必须同步修改
• 测试困难：无法单独测试Interface类，必须依赖全局的App实例
• 全局污染：增加全局变量会提升命名冲突风险

这个方案可用，但绝非最优解。

二、更优的替代方法 #

方法1：依赖注入（推荐） #

创建Interface实例时，直接传入App的当前实例，让Interface持有合法的App引用，完全摆脱全局变量，耦合度更低。

修正语法错误后的代码：

class App {
  constructor(){
    // 创建Interface时传入当前App实例
    this.interface = new Interface(this);
  }

  refresh(){
    console.log('app refreshed');   
  }
}

class Interface {
  // 接收App实例作为构造参数
  constructor(appInstance){
    this.app = appInstance;
  }

  changeInterface(){
    console.log('interface changed');
    // 调用传入的App实例方法
    this.app.refresh();
  }
}

const myApp = new App();
myApp.interface.changeInterface();

方法2：事件驱动（解耦更强） #

如果不想让Interface直接持有App引用，可以用事件通信的方式：Interface触发事件，App监听事件并执行refresh。这种方式下两个类完全解耦，仅通过事件交互。

代码示例：

class App {
  constructor(){
    this.interface = new Interface();
    // 监听Interface的change事件
    this.interface.on('interfaceChanged', () => {
      this.refresh();
    });
  }

  refresh(){
    console.log('app refreshed');   
  }
}

class Interface {
  constructor(){
    this.listeners = {};
  }

  // 绑定事件监听
  on(eventName, callback){
    if(!this.listeners[eventName]){
      this.listeners[eventName] = [];
    }
    this.listeners[eventName].push(callback);
  }

  // 触发事件
  emit(eventName){
    if(this.listeners[eventName]){
      this.listeners[eventName].forEach(callback => callback());
    }
  }

  changeInterface(){
    console.log('interface changed');
    // 触发事件通知App
    this.emit('interfaceChanged');
  }
}

const myApp = new App();
myApp.interface.changeInterface();

方法3：反向引用（不推荐） #

也可以在App创建Interface后，手动将自身引用赋值给Interface的属性，本质和依赖注入类似，但不如构造函数注入清晰直观：

class App {
  constructor(){
    this.interface = new Interface();
    this.interface.app = this;
  }

  refresh(){
    console.log('app refreshed');   
  }
}

class Interface {
  constructor(){}

  changeInterface(){
    console.log('interface changed');
    this.app.refresh();
  }
}

const myApp = new App();
myApp.interface.changeInterface();

总结 #

优先选择依赖注入或事件驱动的方式，避免使用全局变量，能大幅提升代码的可维护性与可测试性。

内容的提问来源于stack exchange，提问作者Orbit