code设计模式-观察者模式

1.定义：观察者模式又被称为发布-订阅模式，它描述对象间一对多的依赖关系，即当一个对象的状态发生改变时，所有依赖它的对象都将得到通知。

2.实例，背景：买房者对于某售房处房屋信息的关注，通过观察者模式实现及时获得房屋信息。

//通用观察者模式功能
var event = {
   clientList:{},//买房者关注的房屋信息列表
   listen:function(key,fn){//关注的房屋信息注册
	   if(!this.clientList[key]){
			this.clientList[key] = [];
	   }
	   this.clientList[key].push(fn);
   },
   trigger:function(){//通知买房者房屋信息
      var key = Array.prototype.shift.call(arguments),
      fns = this.clientList[key];

	  if(!fns || fns.length === 0){
			return false;
	  }

	  for(var i=0,fn;fn = fns[ i++ ];){
          fn.apply(this,arguments);//arguments是trigger时带上的参数 
      }
   },
   remove:function(key,fn){//取消关注的房屋信息
	   var fns = this.clientList[key];
	   if(!fns){
		   return false;
	   }
	   if(!fn){
			fns && (fns.length = 0);
	   }else{
		    for(var l = fns.length-1;l >=0;l--){
	            var _fn = fns[l];
	            if(_fn === fn){
		            fns.splice(l,1);
				}
			}
	   }
   }
};

//定义给对象安装观察者模式功能的方法
var installEvent = function(obj){
	for(var i in event){
		obj[i] = event[i];
	}
};

//使用观察者功能
var salesOffices = {};//售楼处对象
installEvent(salesOffices);

salesOffices.listen('squareMeter88',function(price){
	console.log('价格='+price);
});

salesOffices.trigger('squareMeter88',20000000);

salesOffices.remove('squareMeter88');//删除关于88平方的房屋信息

3.优点：时间解耦和对象之间解耦；缺点：消耗一定的时间和内存，追踪问题增加难度（因为对象之间的联系深埋在背后）