>[danger]觀察者模式，手寫實現一個事件總線，怎么用？ 觀察者模式是一種常見的設計模式，用于實現對象之間的一對多依賴關系。在觀察者模式中，有兩種主要角色：觀察目標（Subject）和觀察者（Observer）。 觀察目標維護一組觀察者，并在狀態發生變化時通知這些觀察者。 觀察者則訂閱觀察目標的變化，并在觀察目標狀態變化時接收到通知并進行相應的處理。 下面是一個簡單的手寫實現事件總線的示例，使用觀察者模式來實現： ```javascript class EventBus { constructor() { this.subscribers = {}; } subscribe(eventType, callback) { if (!this.subscribers[eventType]) { this.subscribers[eventType] = []; } this.subscribers[eventType].push(callback); } unsubscribe(eventType, callback) { if (this.subscribers[eventType]) { this.subscribers[eventType] = this.subscribers[eventType].filter(cb => cb !== callback); } } publish(eventType, data) { if (this.subscribers[eventType]) { this.subscribers[eventType].forEach(callback => { callback(data); }); } } } ``` 在上面的示例中，我們定義了一個名為 `EventBus` 的事件總線類。它具有 `subscribe`、`unsubscribe` 和 `publish` 這三個方法，分別用于訂閱事件、取消訂閱事件和發布事件。 使用示例如下： ```javascript // 創建一個事件總線實例 const eventBus = new EventBus(); // 訂閱事件 const callback1 = data => { console.log('Callback 1:', data); }; eventBus.subscribe('event1', callback1); // 發布事件 eventBus.publish('event1', 'Hello, world!'); // 取消訂閱事件 eventBus.unsubscribe('event1', callback1); ``` 在這個示例中，我們首先創建了一個 `EventBus` 實例，然后通過 `subscribe` 方法訂閱了名為 `event1` 的事件，接著使用 `publish` 方法發布了 `event1` 事件，并在回調函數中打印了收到的數據。最后，我們使用 `unsubscribe` 方法取消了對 `event1` 事件的訂閱。 通過觀察者模式實現的事件總線可以幫助我們在應用程序中實現組件之間的解耦，使得組件之間的通信更加靈活和可擴展。