模拟观察者模式

/*
定义：
观察者模式是一种对象行为模式。
它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。
 
js 没有抽象类、接口 所以一般结构如下：
subject 目标 or 被观察者：
  add: 把观察者注册进来
  remove: 移除观察者
  notify: 遍历注册进来的观察者，调用他们的update
 
Observer 观察者：
  update: 自己提供的更新方法
*/
 
// 被观者、目标
class Subject {
  constructor (data) {
    this.observers = []
    this.data = data
  }
  addObserver (data) {
    this.observers.push(data)
  }
  removeObserver (data) {
    this.observers = this.observers.filter(t => t !== data)
  }
  notify (...data) {
     this.observers.forEach(observer => observer.update(...data))
  }
  // 你的业务代码
  setData (data) {
    this.data= data;
    this.notify(data)
  }
}
 
// 观察者
class Observer {
  constructor (name) {
    this.name = name
  }
  update (data) {
    console.log(`${this.name}, 我执行了，${data}发生了变化`)
  }
}
 
const sub = new Subject('我是被观察')
const ob1 = new Observer('我是ob1')
const ob2 = new Observer('我是ob2')
const ob3 = new Observer('我是ob3')
sub.addObserver(ob1)
sub.addObserver(ob2)
sub.addObserver(ob3)
sub.notify('现在开始发送第一个通知')
console.log('**************看看ob1 是不是没有收到第二个通知**************')
sub.removeObserver(ob1)
sub.notify('现在开始发送第二个通知')