利用event bus来降低前台业务代码耦合度, Event bus - javascript, js实现

/*

demo:

var observer = function(paramObj){

alert("bomb event comes!" + paramObj);

}

//add business event listener

EventBus.subscribe("tree-node-change",observer);

//remove business event listener

//EventBus.unsubscribe("tree-node-change",observer);

//publish business event

EventBus.publish("tree-node-change",{oldName:"abc", newName:"cdef", id: 123});

*/

/*

ReadMe:

Goal: Using business event dispatcher to reduce code couple between web moudle,
目标: 为了尽可能的减少模块之间业务逻辑的耦合度, 而开发了这个消息总线, 主要用于业务逻辑的事件传递

使用规范: 每个js模块尽可能通过事件去通信, 减少模块之间的直接调用和依赖(耦合)

*/

var EventBus = function(){

var observers={};

var publish=function(eventName, argObj){

var obs = observers[eventName];

if(!obs){

return;

}

for(var i=0;i<obs.length;i++){

obs[i](argObj);

}

}

var subscribe=function(eventName, observer){

var obs = observers[eventName];

if(!obs){

obs=[];

observers[eventName]=obs;

}

obs.push(observer);

}

var unsubscribe=function(eventName, observer){

var obs = observers[eventName];

if(!obs){

return;

}

for(var i=0;i<obs.length;i++){

if(obs[i]==observer){

obs.splice(i,1);

break;

}

}

}

var unsubscribeByObserver=function(observer){

for(var eventName in observers){

removeByName(eventName, observer);

}

}

return {

publish:publish,

subscribe:subscribe,

unsubscribe:unsubscribe,

subscribeByObserver:unsubscribeByObserver

}

}();