js发布——订阅模式

<h1>js发布——订阅模式</h1>
<p>发布—订阅模式幼教观察者模式，他定义对象间的一种一对多的依赖关系，当一个对象的状态发生变化时，所依赖于他的对象都将得到通知。
在javascript开发中，我们一般用事件模型来代替传统的发布-订阅模式。</p>
<p>发布-订阅示例：</p>
<script>
var salesOffices = {                 //定义售楼处
clientList: [],            	    //缓存列表，存放订阅者的回调函数
listen: function(fn){             //增加订阅者
this.clientList.push( fn );    //订阅的消息添加进缓存列表
},
trigger: function(){              //发布消息
for( var i = 0, fn; fn = this.clientList[ i++ ]; ){
fn.apply( this, arguments );
}
}
};

salesOffices.listen( function( price, squareMeter ){
console.log( "价格=" + price );
console.log( "squareMeter = " + squareMeter );
} );
salesOffices.listen( function( price, squareMeter ){
console.log( "价格=" + price );
console.log( "squareMeter = " + squareMeter );
} );
salesOffices.trigger( 200000, 88 );
</script>
<p>至此，我们已经实现了一个最简单的发布——订阅模式，但这里还存在一些问题，那就是订阅者接受到了发布者发布的每个消息，所以，我们
有必要加上一个标示key，让订阅者只阅读自己感兴趣的消息。改写代码如下：</p>
<script>
var salesOffice = {
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 );
}
}
};

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

salesOffice.listen( "squareMeter100", function( price ){
console.log( "价格 = " + price );
} );

salesOffice.trigger( "squareMeter88", 200000 );
salesOffice.trigger( "squareMeter100", 2000000 );
</script>