详解js之外观模式

外观模式其实就是提供一个更高级的统一的接口，常用于处理兼容性统一或者封装，比如，处理绑定事件，下面以下两个例子为例。

1. 封装绑定事件：

function addEvent(dom,type,fn){    if(dom.addEventListener){
        dom.addEventListener(type,fn,false)
    } else if(dom.attachEvent){
        dom.attachEvent('on'+type,fn);
    } else {
        dom['on'+type]=fn;
   }
}

var myp = document.getElementById('myp');
addEvent(myp,'click',function(){
   console.log('hahah');
   })

2.还可以用外观模式封装多个功能：

var A={    get:function(id){
        return document.getElementById(id)
        }
    css:function(id,key,value){
        this.get(id).style[key]=value;
        }
    html:function(id,content){
        this.get(id).innerHTML=content;
        }
A.html('box','这是新添加的内容');

相关推荐：

JS设计模式——外观模式

JS设计模式之外观模式

js 外观模式

以上就是详解js之外观模式 的详细内容，更多请关注其它相关文章！