翻滚吧，设计模式之05发布订阅模式笔记

发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在 JavaScript 开发中，我们一般用事件模型来替代传统的发布—订阅模式。

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

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

代码:

var event = {
            _listener:{},
            //添加事件函数
            addEve:function(type,fn){
                if(typeof type =="string" && typeof fn =="function"){
                    //如果没有此事件就添加一个事件数组
                    if(typeof this._listener[type] === "undefined"){
                        this._listener[type]=[];
                    }
                    //判断fn是否为函数，是的话就将其压入type事件数组中
                    if(typeof fn == "function"){
                        this._listener[type].push(fn);
                    }
                }
                return this;
            },
            //触发事件函数
            fireEve:function(type){
                var arrEve = this._listener[type];
                if(arrEve instanceof Array){
                    //判断存在事件数组，并依次执行
                    for(var i=0;i<arrEve.length;i++){
                        arrEve[i]();
                    }
                }
                return this;
            },
            //移除事件函数
            removeEve:function(type,fn){
                var arrEve = this._listener[type];
                if(typeof type =="string" && arrEve instanceof Array){
                    if(typeof fn == "function"){
                        //判断fn是否是函数，是就遍历事件数组，匹配到相同的移除匹配的fn
                        for(var i=0;i<arrEve.length;i++){
                            if(arrEve[i] == fn){
                                arrEve.splice(i,1);
                                break;
                            }
                        }
                    }else{
                        //如果fn不是函数，那么就直接移除对应type的事件数组属性
                        delete arrEve;
                    }
                }
                return this;
            }
        }
        //定义的函数
        function a(){
            alert(1);
        }
        event.addEve("alert",a);
        event.fireEve("alert");
        event.removeEve("alert",a);
        event.fireEve("alert");
</script>

_ 发布—订阅模式的优点非常明显，一为时间上的解耦，二为对象之间的解耦。它的应用非常广泛，既可以用在异步编程中，也可以帮助我们完成更松耦合的代码编写。发布—订阅模式还可以用来帮助实现一些别的设计模式，比如中介者模式。 从架构上来看，无论是 MVC 还是 MVVM，都少不了发布—订阅模式的参与，而且 JavaScript 本身也是一门基于事件驱动的语言。 _