观察者模式 -> dom事件 / 自定义事件 / Promise 我的理解

var Observer = (function(){
    
    var _messages = {}; // 监听信息容器
    return {
        /**
         * 注册监听信息接口
         * @param {String} type 监听信息类型
         * @param {Function} fn  对应的回调函数
         */
        regist: function(type, fn){
            // 如果过目前没有该类信息 创建数组添加  如果已经存在该类信息通过push数组添加避免覆盖
            if(typeof _messages[type] === ‘undefined‘){
                _messages[type] = [fn];
            }else{
                _messages[type].push(fn);
            }
        },
        /**    
         * 发布信息接口
         * @param {String} type 发布相关信息,触发所有该信息的回调函数
         * @param {Object} args 传给回调函数的信息参数  
         */
        fire: function(type, args){
            // 如果该类信息没有注册信息则,直接返回
            if(!_messages[type]) return;
            // 通过args参数定义 响应事件的事件对象
            var event = {
                type: type,
                args: args || {},
            },
            i = 0,
            len = _messages[type].length;
            for(;i < len; i++){
                // 传入参数调用 回调函数
                _messages[type][i].call(this,event);
            }
        },
        /**
         * 移除监听信息
         * @param {String} type
         * @param {Function} fn
         */
        remove: function(type,fn){
            if(_messages[type] instanceof Array){
                var i = _messages[type].length-1;
                for(;i>=0;i--){
                    // 遍历该类型的函数 找出对应的 函数并删除
                    _messages[type][i] === fn && _messages[type].splice(i,1);
                }
            }
        },
    };
})();

// 观察者->主题:今天中午吃什么菜呢,中午开饭的时候告诉我
function getFoodMenu(obj){
    console.log(‘今天的吃的是:‘+obj.args.foodMenu)
}
Observer.regist(‘lunch‘,getFoodMenu );

// 主题->观察者: 开饭了 ,今天只有番茄鸡蛋/豆腐汤 呵呵~~  
Observer.fire(‘lunch‘,{
    foodMenu: ‘番茄鸡蛋,豆腐汤‘,
}); // 调用getFoodMenu ==打印==> 今天的吃的是:番茄鸡蛋,豆腐汤