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

Question

我创建了一个类EventBus。这个类提供了一个接口，用于将on/off/once方法附加到一个类上，扩展它的类可以反过来提供一个可以被监听的可能事件的数组。

目前，为了使其工作，我需要使用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', () => {});

目前，我正在努力找到一个解决方案，可以使用typescript，我知道应该注入它，但我没有这样做。如果有人知道我应该采取的方法的正确术语，或者我可以用来绕过＜code＞扩展

Answer 1

是的，你是对的，发布订阅者模式不应该被继承以通过应用程序使用。可以使用 ioc 容器或创建事件总线的单个实例。

TypeScript中的单例模式示例：

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通过类的层次结构可用，则可以创建类的一些层次结构。E、 g.“动物”、“狗”并在基类“动物”中声明事件总线。这样，方法将在所有派生类型中可用。

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：

如果你想拥有可链接的方法，那么你可以使用流畅的接口模式。让我展示一个代码示例:

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);