12、适配器模式

适配器模式：将一个类（对象）的接口（方法或者属性）转化成另外一个接口，以满足用户需求，使类（对象）之间接口的不兼容问题通过适配器得以解决。

var A = A || {};
A.g = function(id){
    return document.getElementById(id);
}

//添加绑定事件
A.on = function(id, type, fn){
    var dom = typeof id === 'string' ? this.g(id) : id;
    if(dom.addEventListener){
        dom.addEventListener(type, fn, false);
        //对于不支持addEventListener方法，但支持attachEvent方法的浏览器
    }else if(dom.attachEvent){
        dom.attachEvent('on'+ type, fn);
        //对于上边都不值，但支持onclick
    }else{
        dom['on' + type] = fn
    }
}

 

我们可以这样做

A.on(window, 'load', function(){
    A.on('mybutton', 'click', function(){
        //do something
    })
})

 

适配下

A.g = function(id){
    return $(id).get(0);
}

A.on = function(id, type, fn){
    var dom = typeof id === 'string' ? $('#' + id) : $(id);
    dom.on(type, fn);
}

 

 

11.2数据适配

　　

var arr = ['javascript', 'html', 'c#'];

我们想给转化成为对象的形式

var arr = {};

function arrToObj(arr){
    return {
        name : arr[0],
        type : arr[1],
        title : arr[2]
    }
}


var adapterData = arrToObj(arr);
console.log(adapterData); //{name : "javascript", ....}