OOP/TypeScript的替代方案扩展，在依赖关系中维护父上下文

Question

我创建了一个类eventbus。此类提供了一个用于连接/关/关以接触到类的接口，将其扩展的类可以依次提供一系列可能被侦听的可能事件。

目前，为了使它起作用，我需要使用EventBus扩展课程。我觉得这不是正确的方法。

class Something extends EventBus {
   private events: Array<string> = [
    'ready',
  ];

  constructor() {
    this.registerEventBus(this.events);
  }
}

尽管也可以使用构造函数，但使用方法而不是构造函数初始化了EventBus。

class EventBus {
  private eventListeners: EventListeners = {};

  registerEventBus(eventListenersArray: Array<string> = []) {
    eventListenersArray.forEach((listener) => {
      this.eventListeners[listener] = [];
    });
  }
  ...on, off, supporting private methods etc

我想知道正确的方法是什么。我觉得通过EventBus扩展某些内容不是正确的继承，EventBus是使用的依赖性。我的问题是事件应该是可链的，在每次呼叫后返回正确的上下文；

const someInstance = new Something();

someInstance
  .on('ready', () => {})
  .on('destroyed', () => {});

目前，我很难找到适用于打字稿的解决方案，我知道它应该被注入，但我没有这样做。如果有人知道我应该采用的方法的正确术语，或者我可以用来规避扩展的代码示例，我将非常感激！

Answer 1

是的，您是对的，不应将发布订户模式继承来通过应用程序使用。
您可以使用ioc容器或创建一个单一的实例
您的活动巴士。

typescriptcript 中的单例模式的一个示例：

class MyEventBus
{
    private static _instance: MyEventBus;

    private constructor()
    {
        //...
    }

    public static get Instance()
    {
        // Do you need arguments? Make it a regular static method instead.
        return this._instance || (this._instance = new this());
    }
}

并使用它：

const MyEventBusInstance = MyEventBus.Instance;

创建可以看到事件总线的单个实例在这里

更新：

如果要每个类实例的事件总线实例，则可以在类中创建事件总线的实例：

class Something  {
    eventBus: EventBus

    constructor() {
        this.eventBus = new EventBus;
    }
}

更新1：

如果需要EventBus可以通过类的层次结构获得，然后您可以创建类的层次结构。例如，“动物”，“狗”，只是在基类“动物”中宣布活动巴士。通过这样做，方法将在所有派生类型中可用。

class EventBus {
    runMe() {
        console.log("EventBus is run!");
    }
}

class Animal {
  eventBus: EventBus = new EventBus();

  move(distanceInMeters: number = 0) {
    console.log(`Animal moved ${distanceInMeters}m.`);
  }
}
 
class Dog extends Animal {
  bark() {
    console.log("Wooof! Wooof! Wooof!");
  }
}

并像这样运行它：

const dog = new Dog();
dog.bark(); // "Wooof! Wooof! Wooof!" 
dog.move(11); // "Animal moved 11m."
dog.eventBus.runMe() // "EventBus is run!"

更新2：

如果要使用可链方法，则可以使用 fluent接口模式。让我展示一个代码的示例：

class EventBus {
    onFoo(eventName: string) {
        console.log("EventName is: ", eventName);
        return this;
    }
}

class Animal extends EventBus {
  eventBus: EventBus = new EventBus();

  move(distanceInMeters: number = 0) {
    console.log(`Animal moved ${distanceInMeters}m.`);
    this.onFoo("Hello").onFoo("World").onFoo("!"); // fluent interface pattern
  }
}
 
const dog = new Animal();
dog.move(10);