观察者模式和发布/订阅模式对比

        这是一道常见的面试题，看过不少文章，在此记录下自己的理解。

        首先举个例子，说下我的理解

 

 现在我们尝试用代码实现下

// 被观察者
class Subject {
  constructor() {
    this._observerList = [];
  }
  addObserver(observer) {
    this._observerList.push(observer);
  }
  removeObserver(observer) {
    const index = this._observerList.findIndex((o) => o.name === observer.name);
    this._observerList.splice(index, 1);
  }
  notifyObservers(someWork) {
    const observers = this._observerList;
    observers.forEach((observer) => observer.notified(someWork));
  }
}
// 观察者
class Observer {
  constructor(name, subject) {
    this.name = name;
    subject && subject.addObserver(this);
  }
  notified(someWork) {
    console.log(`I should ${someWork}`);
  }
}
const subject = new Subject();
const observer1 = new Observer("observer_name1");
subject.addObserver(observer1);

const observer2 = new Observer("observer_name2", subject);
const observer3 = new Observer("observer_name3", subject);
const observer4 = new Observer("observer_name4", subject);

subject.notifyObservers('领月饼')

class EventEmitter {
  constructor() {
    this._events = {};
  }
  // 订阅
  on(eventName, callback) {
    if (!this._events) this._events = {};
    this._events[eventName] = this._events[eventName] || [];
    this._events[eventName].push(callback);
  }
  // 发布
  emit(eventName, ...rest) {
    this._events[eventName] &&
      this._events[eventName].forEach((cb) => cb(...rest));
  }
  // 关闭
  off(eventName, callback) {
    if (this._events[eventName]) {
      this._events[eventName] = this._events[eventName].filter(
        (item) => item !== callback && item.cb !== callback
      );
    }
  }
  once(eventName, callback) {
    const once = (...rest) => {
      callback(...rest);
      this.off(eventName, once);
    };
    once.cb = callback;
    this.on(eventName, once);
  }
}

const e = new EventEmitter();
const handle = function (msg) {
  console.log(`送到 ${msg}`);
};
e.on("哪家", handle);

setTimeout(() => {
  e.emit("哪家", "北京");
  e.emit("哪家", "上号");
  e.emit("哪家", "广州");
}, 200);

企业使用e.emit发布消息，员工家属使用e.on订阅消息。

由以上可见，观察者模式和发布/订阅模式的区别如下：

1. 在观察者模式中，被观察者（发布者）和观察者（订阅者）是松耦合关系；而在发布/订阅模式中，发布者和订阅者是可以没有关系的。

2. 在观察者模式中，当被观察者发布消息时，所有观察者一定都会有所行动；而在发布/订阅模式中，发布一次消息，调度中心可以处理一下，比如权限控制之类，订阅者可能收不到消息，假如都有行动，也只会是对应的订阅者响应一次消息。

3.  观察者模式，多用于单个应用内部；而发布/订阅模式，则更多的是一种跨应用的模式(cross-application pattern)，比如我们常用的消息中间件。

4. 在实际应用中，观察者模式大多是同步的，发布/订阅模式大多是异步的。

上文所述就是我的理解，如有错误，望指正！！！