如何实现一个JavaScript的Pub/Sub模式_javascript设计模式

const pubSub = {

立即学习“Java免费学习笔记（深入）”；

  events: {},

  // 订阅事件

  subscribe: function (event, callback) {

    if (!this.events[event]) {

      this.events[event] = [];

    }

    this.events[event].push(callback);

  },

  // 发布事件

  publish: function (event, data) {

    if (!this.events[event]) return;

    this.events[event].forEach(callback => callback(data));

  },

  // 取消订阅

  unsubscribe: function (event, callback) {

    if (!this.events[event]) return;

    this.events[event] = this.events[event].filter(cb => cb !== callback);

  }

};

// 订阅用户登录事件

pubSub.subscribe('userLogin', function(userData) {

  console.log('欢迎 ' + userData.name);

});

// 另一个订阅者

function logTime(data) {

  console.log('登录时间：' + new Date().toLocaleString());

}

pubSub.subscribe('userLogin', logTime);

// 发布事件

pubSub.publish('userLogin', { name: 'Alice' });

// 控制台输出：

// 欢迎 Alice

// 登录时间：2025/4/5 下午3:20:00

once: function (event, callback) {

  const onceWrapper = (data) => {

    callback(data);

    this.unsubscribe(event, onceWrapper);

  };

  this.subscribe(event, onceWrapper);

}