//将一个接口转换成客户希望的另外一个接口。使得原本由于接口不兼容而不能一起工作的类可以一起工作。
//下面例子体现了适配的思想
//自定义框架
var A = A||{};
//通过id获取元素
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);
}else if(dom.attachEvent){
dom.attachEvent('on' + type, fn);
}
else{
dom['on' + type] = fn;
}
}
//在A库使用jq需要适配
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);
}
设计模式之适配器模式
最新推荐文章于 2020-06-12 13:55:15 发布