首页 技术 正文
技术 2022年11月14日
0 收藏 736 点赞 5,068 浏览 1897 个字

推荐阅读http://dev.housetrip.com/2014/09/15/decoupling-javascript-apps-using-pub-sub-pattern/

我们先引出问题的所在,这里使用一个订单系统:

在一个电子商务系统中,现在我们有订单模块,和信息模块两个主要模块,当下单成功时,我们用要发送订单信息的给客户。

下面是一个简单的解决办法,我们在一个类中调用另一个类的方法。

// 订单类,存储订单的所有变量和函数
function Order( goods ){
this.goods = goods;
}
Order.prototype = {
done: function(){
// 订单完成代码
this.sendSuccessMsg();
},
sendSuccessMsg: function(){
var message = new Message();
message.sendMsg(this.goods)
}
}// 消息类,具备各种消息功能函数
function Message(){}
Message.prototype = {
sendMsg: function( goods ){
alert("商品名:"+goods.name+"\n"+"价格:"+goods.price);
}
//其它信息模块的方法
}
var order = new Order({ name:"索尼耳机", price:100})
order.done() //弹出商品的信息

经过简单的分析代码,我们可以发现一些问题,首先,Order和Message紧耦合,一般来说,当一个类进行的修改会需要另一个类的修改这就是耦合。在这里,比较直接的一个问题,当我们改改了Message类中的sendMsg方法的名字或者参数时,Order类中的相应函数名和参数也要跟着修改。

知道了这种方法的问题,下面我们就来看看如何用Publish/Subscribe模式改进这段代码.Publish/Subscribe模式是一种消息通信模式,信息发布一方叫发布者,信息的接收方叫订阅者。

下面是一个根据Publish/Subscribe模式的简易系统

var subpub = {};
(function( subpub ){
var list = {};
subpub.publish = function(topic,msg){
for(var i = 0; i<list[topic].length; i++) {
list[topic][i](msg);
}
}
subpub.subscribe = function( topic,listener){
if(!list[topic]) list[topic] = [];
list[topic].push(listener);
}
})( subpub )// 测试
subpub.subscribe('foo', function(msg){
alert(msg);
});
subpub.publish('foo', 'Hello World!')

将这个事件管理小系统应用到之前的订单系统中,进行解耦。

function Order( goods ){
this.goods = goods;
}
Order.prototype = {
done: function(){
// 订单完成代码
this.sendSuccessMsg();
},
sendSuccessMsg: function(){
subpub.publish('order/done',this.goods);
}
}
function Message(){
subpub.subscribe('order/done',this.sendMsg);
}
Message.prototype = {
sendMsg: function( goods ){
alert("商品名:"+goods.name+"\n"+"价格:"+goods.price);
}
//其它信息模块的方法
}
var message = new Message();
var order = new Order({ name:"索尼耳机", price:100});
order.done() //弹出商品的信息

现在,我们发现Message和Order类不关心彼此是如何实现的。修改某个类中的函数也不用考虑是否会影响到另一个类,就比如我们想修改sendMsg的函数名,只需要对Message进行修改,不会影响到Order。我们唯一需要关心的一点知识保存的事件名。

总结一下,Publish/Subscribe模式是用特定的事件名将函数存放在一个列表之中,通过这个特定的事件名,我们可以在任意处调用函数,并传入参数。

他使得类与类之间的耦合度减少,尤其是当一个类需要调用好多个类中的方法。

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,112
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,585
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,431
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,203
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,838
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,922