前端设计模式——发布订阅模式

// 定义一个发布者对象
var publisher = {
  // 定义一个事件列表
  events: {},

  // 添加事件到列表中
  addEvent: function(event, callback) {
    if (!this.events[event]) {
      this.events[event] = [];
    }
    this.events[event].push(callback);
  },

  // 从事件列表中删除事件
  removeEvent: function(event, callback) {
    if (this.events[event]) {
      for (var i = 0; i < this.events[event].length; i++) {
        if (this.events[event][i] === callback) {
          this.events[event].splice(i, 1);
          break;
        }
      }
    }
  },

  // 发布事件
  publishEvent: function(event, data) {
    if (this.events[event]) {
      for (var i = 0; i < this.events[event].length; i++) {
        this.events[event][i](data);
      }
    }
  }
};

// 定义一个订阅者对象
var subscriber = {
  // 处理事件的回调函数
  handleEvent: function(data) {
    console.log(data);
  }
};

// 订阅一个事件
publisher.addEvent('event1', subscriber.handleEvent);

// 发布一个事件
publisher.publishEvent('event1', 'Hello, world!');

// 取消订阅一个事件
publisher.removeEvent('event1', subscriber.handleEvent);