[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
发布者订阅者模式，是一种很常见的模式，比如:
一、买卖房子
生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色
中介拿到卖主的房源信息，根据手头上掌握的客户联系信息(买房的人的手机号)，通知买房的人，他充当了发布者的角色
卖主想卖掉自己的房子，就需要告诉中介，把信息交给中介发布
二，网站订阅信息的用户
订阅者角色：需要订阅某类信息的网民，如某个网站的javascript类型文章
发布者角色：邮箱服务器，根据网站收集到的用户订阅邮箱，通知用户.
网站主想把信息告诉订阅者，需要把文章相关内容告诉邮箱服务器去发送
等等非常多的例子，不一一列举
本文用网站订阅的方式，推导发布者-订阅者框架，然后用发布者-订阅者框架来重构一个简单的购物车
varSite={};
Site.userList=[];
Site.subscribe=function(fn){
this.userList.push(fn);
}
Site.publish=function(){
for(vari=0,len=this.userList.length;i
Site.userList就是用来保存订阅者
Site.subscribe就是具体的订阅者，把每一个订阅者订阅的具体信息保存在Site.userList
Site.publish就是发布者：根据保存的userList，一个个遍历(通知)，执行里面的业务逻辑
但是这个，发布订阅者模式，有个问题，不能订阅想要的类型，上例我加了2个订阅者(第11行,第14行)，只要网站发了信息，全部能收到，但是有些用户可能只想收到javascript或者html5的，所以，接下来，我们需要继续完善，希望能够接收到具体的信息，不是某人订阅的类型，就不接收
varSite={};
Site.userList={};
Site.subscribe=function(key,fn){
if(!this.userList[key]){
this.userList[key]=[];
}
this.userList[key].push(fn);
}
Site.publish=function(){
varkey=Array.prototype.shift.apply(arguments),
fns=this.userList[key];
if(!fns||fns.length===0){
console.log('没有人订阅'+key+"这个分类的文章");
returnfalse;
}
for(vari=0,len=fns.length;i
输出结果:
[js高手之路]寄生组合式继承的优势
[js高手之路]es6系列教程-var,let,const详解
没有人订阅html5这个分类的文章
我们可以看到，只有订阅了javascript类型文章的人，才能收到”寄生组合式继承的优势”这篇文章，发布html5类型的时候，没有任何人会收到.
es6类型的，只有订阅es6的人，才能收到
我们已经有了一个基本的发布订阅者框架，接下来，把他完善成一个框架，便于其他功能或者其他网站系统的相同功能可以重用他
varEvent={
userList:{},
subscribe:function(key,fn){
if(!this.userList[key]){
this.userList[key]=[];
}
this.userList[key].push(fn);
},
publish:function(){
varkey=Array.prototype.shift.apply(arguments),
fns=this.userList[key];
if(!fns||fns.length===0){
console.log('没有人订阅'+key+"这个分类的文章");
returnfalse;
}
for(vari=0,len=fns.length;i
然后，我们来重构一个购物车实例，没有重构之前，我的购物车用的是面向过程：
Title
-
0
单价:
15元;
小计:
0元
-
0
单价:
10元;
小计:
0元
-
0
单价:
5元;
小计:
0元
-
0
单价:
2元;
小计:
0元
-
0
单价:
1元;
小计:
0元
商品一共
0
件;
一共花费
0
元;
其中最贵的商品单价是0元