js设计模式至观察者模式--不同模块间解耦

本文介绍了一种使用 JavaScript 实现的观察者模式。通过简单的注册、触发和移除功能,可以有效地管理不同组件之间的通信。代码示例展示了如何定义观察者模式的基本操作,并通过一个具体的例子说明了其工作流程。
var Observer = (function(){
var _messages = {};
return {
regist:function(type,fn){
if(typeof _messages[type] ==='undefined'){
_messages[type] = [fn];
}else{
_messages[type].push(fn);
}
},
fire:function(type,args){
if(!_messages[type])
return;
var events={
type:type,
args:args || {}
},i = 0,len =  _messages[type].length;
for(; i < len ; i ++){
_messages[type][i].call(type,events);
}
},
remove:function(type,fn){
if(_messages[type] instanceof Array){
var i = _messages[type].length - 1;
for(; i >= 0 ; i -- ){
_messages[type][i] === fn && _messages[type].splice(i,1);
}
}
}
}
})();


Observer.regist('test',function(e){
console.log(e.type,e.args.msg);
});
Observer.fire('test',{msg:'console args '});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值