javascript设计模式--外观模式

定义

它为子系统中的一组接口提供一个一致的界面， Facade模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。引入外观角色之后，使用者只需要直接与外观角色交互，使用者与子系统之间的复杂关系由外观角色来实现，从而降低了系统的耦合度。

作用：

简化复杂接口
解耦和，屏蔽使用者对子系统的直接访问

示例：

function addEvent(dom,type,fn){
    //dom2
    if(dom.addEventListener){
        dom.addEventListener(type,fn,false);
        //不支持dom2的浏览器
    }else if(dom.attachEvent){
        dom.attachEvent("on" + type,fn);
        //都不支持的老浏览器
    }else{
        dom["on" + type] = fn;
    }
};

function setStyles(content,styles){
    var element = document.getElementById(content);
    for(var key in styles){
        if(styles.hasOwnproperty(key)){
            element.style[key]=styles[k];
        }
    }
}
setStyles('#id',{
    color:'red',
    height:'100px'
});

将多个功能整合成一个调用