领略设计模式的魅力：发布-订阅模式 (TypeScript)

发布-订阅模式的魅力

生活中有许多场景可以抽象成发布-订阅模式，让我们用一个简单的例子来解释。想象一下，你正在一家咖啡店里，你点了一杯咖啡，然后你坐在那里等候。当你的咖啡好了，咖啡师会叫你的名字，然后你就可以去取咖啡了。在这个场景中，咖啡师就是发布者，你就是订阅者。咖啡师发布了一个事件（你的咖啡做好了），而你订阅了这个事件。当事件发生时，你就会收到通知（咖啡师叫你的名字），然后你就可以采取相应的行动（去取咖啡）。

发布-订阅模式是一种设计模式，它允许对象之间进行松散耦合的通信。当一个对象（发布者）的状态发生变化时，它会通知所有订阅者。订阅者可以根据自己的需要对这些变化做出反应。

发布-订阅模式有很多优点，包括：

• 解耦： 发布者和订阅者之间是松散耦合的，这意味着它们彼此之间不需要知道对方的具体实现细节。这使得代码更容易维护和扩展。
• 可扩展性： 发布-订阅模式很容易扩展，因为可以随时添加或删除订阅者。
• 异步： 发布-订阅模式是异步的，这意味着发布者和订阅者可以同时执行自己的任务。这可以提高应用程序的性能。

TypeScript 中的发布-订阅模式

TypeScript 是一种静态类型语言，它提供了对发布-订阅模式的原生支持。在 TypeScript 中，可以使用 EventEmitter 类来实现发布-订阅模式。

class EventEmitter {
  private listeners: Map<string, Array<(data: any) => void>>;

  constructor() {
    this.listeners = new Map();
  }

  on(eventName: string, listener: (data: any) => void) {
    if (!this.listeners.has(eventName)) {
      this.listeners.set(eventName, []);
    }
    this.listeners.get(eventName)!.push(listener);
  }

  emit(eventName: string, data: any) {
    if (this.listeners.has(eventName)) {
      this.listeners.get(eventName)!.forEach((listener) => {
        listener(data);
      });
    }
  }
}

可以使用 EventEmitter 类来实现各种各样的发布-订阅模式。例如，可以实现一个简单的聊天应用程序，其中用户可以发送和接收消息。

class ChatApp {
  private eventEmitter: EventEmitter;

  constructor() {
    this.eventEmitter = new EventEmitter();
  }

  sendMessage(message: string) {
    this.eventEmitter.emit('message', message);
  }

  onMessage(listener: (message: string) => void) {
    this.eventEmitter.on('message', listener);
  }
}

const chatApp = new ChatApp();

chatApp.onMessage((message) => {
  console.log(`Received message: ${message}`);
});

chatApp.sendMessage('Hello world!');

结束语

发布-订阅模式是一种非常有用的设计模式，它可以用于实现各种各样的应用程序。TypeScript 中的 EventEmitter 类提供了对发布-订阅模式的原生支持，这使得在 TypeScript 中实现发布-订阅模式变得非常容易。