js 实现订阅发布

1. 事件中心，包括事件回调存储，订阅事件方法，发布事件方法，解除订阅方法

  let eventEmitter = {//事件events: {},//订阅事件on: function (event, listener) {//不存在回调事件，初始化if (!this.events[event]) {this.events[event] = [];}//存储回调事件this.events[event].push(listener);},//发布事件，...args，剩余参数emit: function (event, ...args) {//没有订阅事件if (!this.events[event]) {return;}//循环执行订阅事件的回调函数this.events[event].forEach((listener) => {listener(...args);});},//取消订阅off: function (event, listener) {//没有订阅事件if (!this.events[event]) {return;}//移除订阅事件回调函数中listenerthis.events[event] = this.events[event].filter((item) => {return item != listener;});},};

2. 实际调用举例

//定义回调函数function user1(message) {console.log("user1:", message);}function user2(message) {console.log("user2:", message);}//订阅事件eventEmitter.on("chat", user1);eventEmitter.on("chat", user2);//发布事件eventEmitter.emit("chat", "第一次-发布-订阅模式");//解绑订阅eventEmitter.off("chat", user2);//发布事件，只有user1收到消息（只调用user1）eventEmitter.emit("chat", "第二次-发布-订阅模式");