JavaScript观察者模式实例详解

简介

简单的解释观察者模式，就是一个对象（subject）维护一个依赖他的对象（observers）列表，当自身状态发生变化时，自动通知所有观察者对象。当某个对象不需要获得通知时，可以从对象列表中删除掉。

从上面的解释中我们可以提炼出三个componet： Subject， ObserverList和Observer，用JS实现很简单：

Subject拥有增加和删除Observer的能力

最后定义一个观察者对象，实现update方法

当有多个观察者，只需扩展上面的基本对象，并重写Update方法。

尽管观察则模式被广泛使用，但在JS中经常使用它的变体： 发布订阅模式

发布订阅模式通过一个topic/event通道，解耦了观察者模式中Subject（发布者）和Observer（订阅者）之间耦合的问题，在JS中被广泛使用。

下面简单的例子说明了使用发布订阅模式的基本结构

发布订阅模式的实现

许多Js库都很好的实现了发布订阅模式，例如Jquery的自定义事件功能。

简单实现

使用方法

相关推荐：

php设计模式之观察者模式详解

JavaScript构造器模式实例分析

JavaScript门面模式实例详解

以上就是JavaScript观察者模式实例详解的详细内容，更多请关注Gxl网其它相关文章！