然后订阅2个对象blogger和user，使用observer.make方法将这2个对象具有观察者功能，代码如下：
var blogger = { recommend: function (id) { var msg = 'dudu 推荐了的帖子:' + id; this.publish(msg); }};var user = { vote: function (id) { var msg = '有人投票了!ID=' + id; this.publish(msg); }};observer.make(blogger);observer.make(user);复制代码
使用方法就比较简单了，订阅不同的回调函数，以便可以注册到不同的观察者对象里（也可以同时注册到多个观察者对象里）：
var tom = { read: function (what) { console.log('Tom看到了如下信息：' + what) }};var mm = { show: function (what) { console.log('mm看到了如下信息：' + what) }};// 订阅blogger.addSubscriber(tom.read);blogger.addSubscriber(mm.show);blogger.recommend(123); //调用发布//退订blogger.removeSubscriber(mm.show);blogger.recommend(456); //调用发布//另外一个对象的订阅user.addSubscriber(mm.show);user.vote(789); //调用发布复制代码
jQuery版本根据jQuery1.7版新增的on/off功能，我们也可以定义jQuery版的观察者：
(function ($) { var o = $({}); $.subscribe = function () { o.on.apply(o, arguments); }; $.unsubscribe = function () { o.off.apply(o, arguments); }; $.publish = function () { o.trigger.apply(o, arguments); };} (jQuery));复制代码
调用方法比上面3个版本都简单：
//回调函数function handle(e, a, b, c) { // `e`是事件对象，不需要关注 console.log(a + b + c);};//订阅$.subscribe("/some/topic", handle);//发布$.publish("/some/topic", ["a", "b", "c"]); // 输出abc$.unsubscribe("/some/topic", handle); // 退订//订阅$.subscribe("/some/topic", function (e, a, b, c) { console.log(a + b + c);});$.publish("/some/topic", ["a", "b", "c"]); // 输出abc//退订（退订使用的是/some/topic名称，而不是回调函数哦，和版本一的例子不一样$.unsubscribe("/some/topic"); 复制代码
可以看到，他的订阅和退订使用的是字符串名称，而不是回调函数名称，所以即便传入的是匿名函数，我们也是可以退订的。
总结观察者的使用场合就是：当一个对象的改变需要同时改变其它对象，并且它不知道具体有多少对象需要改变的时候，就应该考虑使用观察者模式。
总的来说，观察者模式所做的工作就是在解耦，让耦合的双方都依赖于抽象，而不是依赖于具体。从而使得各自的变化都不会影响到另一边的变化。