Javascript ES6 类组成

Question

我正在努力寻找一种好的做法或更好的方法来交流引用的“es6 中的兄弟类”，因为根据定义，它们没有真正的父类。

让我解释得更好：

class Car {
  constructor(typeOfMotor){
    this.motor = typeOfMotor;
    this.mount();
    this.addListener();
  }

  mount() {
     // Some async logic here, and this will return true or false;
  }

  addListener(driver) {
    // Here i want to listen this.mount method and,
    // when return true, then call the ride method in the driver
    // If true:
    driver.ride();
  }
}

class Driver {
  constructor(driverName) {
    this.name = driverName;
  }
  ride(){
    console.log('Highway to hell!');
  }
}

class Race {
  constructor() {
    this.init();
  }

  init() {
    this.car = new Car('v8');
    this.driver = new Driver('michael');
  }
}


var race = new Race;
race.car.addListener(race.driver);

所以基本上，我有一些不需要扩展类的环境，因为我希望尽可能地封装它们。

我有这个顶级类（不是父类，因为其他人没有继承任何东西）。

问题很简单，在元素之间创建这种通信的最佳方式是什么。

Answer 1

您可以将Driver class 实例传递给Car constructor 并调用此实例中的任何方法。

我会重新考虑这里的结构和业务逻辑，并检查每个组件应该处理什么样的责任。
例如，我认为由驾驶员决定何时开车，但汽车当然应该在准备好时发出信号。
所以汽车不应该调用driver.ride，而只是向司机发出信号，我已经准备好出发了，司机应该调用驾驶功能。
但这当然是有争议的。

这是您的代码的运行示例（稍作修改）：

class Car {
  constructor(typeOfMotor, driver) {
    this.motor = typeOfMotor;
    this.mounted = this.mount();
    this.driver = driver;
  }

  mount = () => {
    console.log('fetching data...');
    setTimeout(() => {
      this.drive()
    }, 1500)
  }

  drive = () => {
    // Here i want to listen this.mount method and,
    // when return true, then call the ride method in the driver
    // If true:
    this.driver.ride();
  }
}

class Driver {
  constructor(driverName) {
    this.name = driverName;
  }
  ride = () => {
    console.log('Highway to hell!');
  }
}

class Race {
  constructor() {
    this.init();
  }

  init = () => {
    this.driver = new Driver('michael');
    this.car = new Car('v8', this.driver);
  }
}


var race = new Race();