JavaScript实现与使用发布/订阅模式详解

本文实例讲述了JavaScript实现与使用发布/订阅模式。分享给大家供大家参考，具体如下：

一、发布/订阅模式简介

发布/订阅模式（即观察者模式）： 设计该模式背后的主要动力是促进形成松散耦合。在这种模式中，并不是一个对象调用另一个对象的方法，而是一个订阅者对象订阅发布者对象的特定活动，并在发布者对象的状态发生改变后，订阅者对象获得通知。订阅者也称为观察者，而被观察的对象称为发布者或主题。当发生了一个重要的事件时，发布者将会通知（调用）所有订阅者，并且可能经常以事件对象的形式传递消息。

基本思路：发布者对象需要一个数组类型的属性，以存储所有的订阅者。订阅（即注册）就是将新的订阅者加入到这个数组中去，而注销即是从这个数组中删除某个订阅者。此外，发布消息就是循环遍历订阅者列表并通知他们。

二、如何发布订阅者的方法？

这里我的大体思路是对的。不过当时面试时，我还说了“在发布者之外，还需要定义了一个新的类——订阅者。在订阅者中，需要定义了一个类似 getNews 的方法，以便在发布者发布消息时，调用该方法”。然后，面试官说这样太麻烦了，万一订阅者没有这个方法呢？然后，我不是很懂……

于是我就想到了，在发布消息时直接传递了参数：obj.news = msg; 然后面试官说这样不是更麻烦了吗？这样的话，如果订阅者没有 news 这个属性怎么办？还得判断订阅者是否有 news 这个属性，没有的话就会出现 undifined 的报错。

然后，我就不知道该怎么做了……然后面试官为人特别 nice ，告诉我“可以用继承或者是在注册时候就传入一个 function ”。

面试完后，回家上网查相关知识，整理出的注意点如下：

发送消息，即通知，意味着调用订阅者对象的某个方法。故当用户订阅信息时，该订阅者需要向发布者的 subscribe() 提供它的其中一个方法——这应该就是面试官所说的注册时候就传入一个方法。 每个发布者对象需要具有以下成员：

subscribers：一个数组，存储订阅者；
subscribe()：注册/订阅，将订阅者添加到 subscribers 数组中；
unsubscribe()：取消订阅。从 subscribers 数组中删除订阅者；
publish()：循环遍历 subscribers 数组中的每一个元素，并且调用它们注册时所提供的方法；
所有这三种方法都需要一个 type 参数。这是因为发布者可能触发多个事件（比如同时发布一本杂志和一份报纸），而订阅者可能仅选择订阅其中一种，而另外一种不订阅。

三、代码实现

参考《 JavaScript 模式》一书，使用字面量实现代码如下：