发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在JavaScript开发中,我们一般用事件模型来替代传统的发布—订阅模式。
实际上,只要我们曾经在DOM节点上面绑定过事件函数,那我们就曾经使用过发布—订阅模式,例如
1 | document.body.addEventListener( 'click', function(){ |
在这里需要监控用户点击document.body
的动作,但是我们没办法预知用户将在什么时候点击。所以我们订阅document.body
上的click
事件,当body
节点被点击时,body
节点便会向订阅者发布这个消息。当然我们还可以随意增加或者删除订阅者,增加任何订阅者都不会影响发布者代码的编写。
除了DOM 事件,我们还会经常实现一些自定义的事件,这种依靠自定义事件完成的发布—订阅模式可以用于任何JavaScript 代码中。
步骤:
指定好谁充当发布者(例如售楼处)
然后给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者(售楼处的花名册)
最后发布消息的时候,发布者会遍历整个缓存列表,依次触发里面存放的订阅者回调函数(遍历花名册挨个发短信通知有空房)
另外,我们还可以往回调函数里填入一些参数,订阅者可以接收这些参数。这是很有必要的,比如售楼处可以在发给订阅者的短信里加上房子的单价、面积、容积率等信息,订阅者接收到这些信息之后可以进行各自的处理。
1 | var salesOffices = {}; // 定义售楼处 |