JavaScript观察者、发布/订阅模式的应用

2019-07-03  本文已影响0人  泉泉泉泉泉泉

观察者模式是我们最常用的设计模式之一。它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知和更新。观察者模式提供了一个订阅模型,其中对象订阅事件并在发生时得到通知,这种模式是事件驱动的编程基石,它有利益于良好的面向对象的设计。

观察者的应用

1.DOM事件

实际上,只要我们曾经在DOM节点上面绑定过事件函数,那我们就使用过观察者模式,应为JS和DOM之间就是实现了一种观察者模式。

document.body.addEventListener("click", function() {
   console.log("Hello World")
},false )
document.body.click() //模拟用户点击

在上面的代码中,需要监听用户点击 document.body 的动作,但是我们是没办法预知用户将在什么时候点击的。因此我们订阅了 document.body 的 click 事件,当 body 节点被点击时,body 节点便会向订阅者发布 "Hello World" 消息。

参考博客:https://www.jianshu.com/p/e751d0ef4557

上一篇下一篇

猜你喜欢

热点阅读