用原生javascript实现最简单的发布者-订阅者模式

http://www.cnblogs.com/surahe/p/6065778.html

 

　发布—订阅模式可以广泛应用于异步编程中,这是一种替代传递回调函数的方案。比如,我们可以订阅 ajax 请求的 error 、 succ 等事件。 或者如果想在动画的每一帧完成之后做一些事情,那我们可以订阅一个事件,然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布—订阅模式,我们就无需过多关注对象在异步运行期间的内部状态,而只需要订阅感兴趣的事件发生点。

　　发布—订阅模式可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的某个接口。发布—订阅模式让两个对象松耦合地联系在一起，虽然不太清楚彼此的细节,但这不影响它们之间相互通信。当有新的订阅者出现时,发布者的代码不需要任何修改;同样发布者需要改变时,也不会影响到之前的订阅者。只要之前约定的事件名没有变化,就可以自由地改变它们。

<script>
     var salesOffices = {};
     salesOffices.clientList = [];
             
     salesOffices.listen = function(key, fn) {
         if (!this.clientList[key]) {
             this.clientList[key] = [];
         }
         this.clientList[key].push(fn);
    };
    
    salesOffices.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);
        }
    };
    
    salesOffices.listen('squareMeters88', function(price, squareMeter) {
        console.log('price is :' + price);
        console.log('squareMeter: ' + squareMeter);
    });
    
    salesOffices.listen('squareMeters110', function(price, squareMeter) {
        console.log('price is :' + price);
        console.log('squareMeter: ' + squareMeter);
    });
    
    console.log(salesOffices);
    salesOffices.trigger('squareMeters88', 20000, 88);
    salesOffices.trigger('squareMeters110', 30000, 110);
    
    

</script>