0%

js观察者模式如何实现

观察者模式

观察者模式有几个要素:

  1. 需要将需要观察的对象存放起来
  2. 在需要的地方触发该观察者
  3. 第三观察者需要分类,同一类的观察者可监听同一个事件,监听被触发时,所有的观察者都需要被通知到。

具体实现一个观察者模式如下:

上面代码里使用了es6 的Map对象来存储观察者。注册观察者的时候,每收到一个观察者注册,就按类型将他们分类存放,同一类的观察者存储在一个数组中。触发观察者的代码中,收到触发的命令后,找出触发的类型,调用所有已注册的同类的观察者。删除观察者,就将注册的所有观察者删除,return this方便链式调用

调用示例如下:

至此,就实现了一个简单的观察者模式