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基于原型的事件系统灵活性。 “`