发布者订阅者模式，是一种很常见的模式，比如:

一、买卖房子

生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色

中介拿到卖主的房源信息，根据手头上掌握的客户联系信息(买房的人的手机号)，通知买房的人，他充当了发布者的角色

卖主想卖掉自己的房子，就需要告诉中介，把信息交给中介发布

二，网站订阅信息的用户

订阅者角色：需要订阅某类信息的网民，如某个网站的javascript类型文章

发布者角色：邮箱服务器，根据网站收集到的用户订阅邮箱，通知用户.

网站主想把信息告诉订阅者，需要把文章相关内容告诉邮箱服务器去发送

等等非常多的例子，不一一列举

本文用网站订阅的方式，推导发布者-订阅者框架，然后用发布者-订阅者框架来重构一个简单的购物车

Site.userList就是用来保存订阅者

Site.subscribe就是具体的订阅者，把每一个订阅者订阅的具体信息保存在Site.userList

Site.publish就是发布者：根据保存的userList，一个个遍历(通知)，执行里面的业务逻辑

但是这个，发布订阅者模式，有个问题，不能订阅想要的类型，上例我加了2个订阅者(第11行,第14行)，只要网站发了信息，全部能收到，但是有些用户可能只想收到javascript或者html5的，所以，接下来，我们需要继续完善，希望能够接收到具体的信息，不是某人订阅的类型，就不接收

Site.subscribe( "javascript",function( title ){
  console.log( title );
});

Site.subscribe( "es6",function( title ){
  console.log( title );
});

Site.publish( "javascript","[js高手之路]寄生组合式继承的优势" );
Site.publish( "es6","[js高手之路]es6系列教程 - var,let,const详解" );
Site.publish( "html5","html5新的语义化<a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>" );</pre>

输出结果:

订阅html5这个分类的文章

我们可以看到，只有订阅了javascript类型文章的人，才能收到 ”寄生组合式继承的优势” 这篇文章，发布html5类型的时候，没有任何人会收到.

es6类型的，只有订阅es6的人，才能收到

我们已经有了一个基本的发布订阅者框架，接下来，把他完善成一个框架，便于其他功能或者其他网站系统的相同功能可以重用他

var extend = function( dstObj,srcObj ){
  for( var key in srcObj ){
    dstObj[key] = srcObj[key];
  }
}

var Site = {};
extend( Site,Event );
 Site.subscribe( "javascript","寄生组合式继承的优势" );
Site.publish( "es6","es6系列教程 - var,"html5新的语义化<a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>" );</pre>

然后，我们来重构一个购物车实例，没有重构之前，我的购物车用的是面向过程：