JavaScript 中闭包怎么在事件总线（Event Bus）中保存事件名称与回调函数的映射-js教程-PHP中文网

闭包在事件总线中用于隔离和持久化事件名与回调的映射关系，避免全局污染并确保回调访问创建时作用域变量；通过私有handlers对象和暴露的on/emit/off方法实现安全、可控的事件管理。

javascript 中闭包怎么在事件总线（event bus）中保存事件名称与回调函数的映射

闭包在事件总线中主要用于**隔离和持久化事件名与回调函数的映射关系**，避免全局污染，同时确保回调函数能访问创建时的作用域变量（比如事件监听器列表）。核心思路是：用一个私有对象（如 handlers）存储映射，所有增删查操作都通过闭包内定义的方法暴露出去，外部无法直接修改内部状态。

用闭包封装 handlers 映射表

这是最常见、最安全的做法。闭包将 handlers 对象封闭在函数作用域内，只通过返回的对象方法操作它：

function createEventBus() {
  const handlers = {}; // 私有映射表：{ eventName: [cb1, cb2, ...] }

  return {
    on(eventName, callback) {
      if (!handlers[eventName]) {
        handlers[eventName] = [];
      }
      handlers[eventName].push(callback);
    },
    emit(eventName, ...args) {
      const cbs = handlers[eventName];
      if (cbs && cbs.length) {
        cbs.forEach(cb => cb(...args));
      }
    },
    off(eventName, callback) {
      const cbs = handlers[eventName];
      if (cbs) {
        const index = cbs.indexOf(callback);
        if (index > -1) {
          cbs.splice(index, 1);
        }
      }
    }
  };
}

// 使用
const bus = createEventBus();
bus.on('user:login', (user) => console.log('欢迎', user.name));
bus.emit('user:login', { name: 'Alice' });