发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在JavaScript开发中,我们一般用事件模型来替代传统的发布—订阅模式。
发布-订阅模式有以下优点:
1.发布—订阅模式可以广泛应用于异步编程中,这是一种替代传递回调函数的方案。比如,我们可以订阅ajax请求的error、succ等事件。或者如果想在动画的每一帧完成之后做一些事情,那我们可以订阅一个事件,然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布—订阅模式,我们就无需过多关注对象在异步运行期间的内部状态,而只需要订阅感兴趣的事件发生点。
2.发布—订阅模式可以取代对象之间硬编码的通知机制,一个对象不用再显式地调用另外一个对象的某个接口。发布—订阅模式让两个对象松耦合地联系在一起,虽然不太清楚彼此的细节,但这不影响它们之间相互通信。当有新的订阅者出现时,发布者的代码不需要任何修改;同样发布者需要改变时,也不会影响到之前的订阅者。只要之前约定的事件名没有变化,就可以自由地改变它们。
如何实现发布-订阅模式
1.指定好谁充当发布者
2.给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者
3.最后发布消息的时候,发布者会遍历这个缓存列表,依次触发里面存放的订阅者回调函数
代码实现
首先把发布—订阅的功能提取出来,放在一个单独的对象内:
1 | const event = { |
再定义一个installEvent函数,这个函数可以给所有的对象都动态安装发布—订阅功能:
1 | function installEvent(obj, event) { |
试试效果:
1 | const publisher = {}; |