JavaScript如何實現發布訂閱EventEmitter

# JavaScript如何實現發布訂閱EventEmitter

## 什么是發布訂閱模式？
發布訂閱模式（Pub/Sub）是一種消息通信范式，允許組件間通過事件進行松耦合通信。發布者（Publisher）觸發事件，訂閱者（Subscriber）監聽事件并執行回調，兩者無需直接交互。

## 實現基礎EventEmitter
以下是一個簡化版EventEmitter實現：

```javascript
class EventEmitter {
  constructor() {
    this.events = {};
  }

  // 訂閱事件
  on(eventName, callback) {
    if (!this.events[eventName]) {
      this.events[eventName] = [];
    }
    this.events[eventName].push(callback);
  }

  // 發布事件
  emit(eventName, ...args) {
    const callbacks = this.events[eventName];
    if (callbacks) {
      callbacks.forEach(cb => cb(...args));
    }
  }

  // 取消訂閱
  off(eventName, callback) {
    const callbacks = this.events[eventName];
    if (callbacks) {
      this.events[eventName] = callbacks.filter(cb => cb !== callback);
    }
  }
}

核心功能解析

1. 事件存儲：使用events對象以{ 事件名: [回調函數數組] }格式存儲訂閱關系
2. 訂閱方法：on()將回調函數注冊到對應事件隊列
3. 發布方法：emit()觸發事件時同步執行所有訂閱回調
4. 取消訂閱：off()從事件隊列中移除特定回調

實際應用場景

• 跨組件通信（如Vue EventBus）
• 插件系統的事件鉤子
• 異步操作的狀態通知

注意事項

• 需處理內存泄漏（長期未取消的訂閱）
• 可擴展once()單次訂閱功能
• 生產環境建議使用成熟的庫（如EventEmitter3）

通過約50行代碼即可實現核心功能，體現了JavaScript基于原型的事件系統靈活性。 “`