设计模式之适配器模式
2017-01-11 20:51
162 查看
//将一个接口转换成客户希望的另外一个接口。使得原本由于接口不兼容而不能一起工作的类可以一起工作。 //下面例子体现了适配的思想 //自定义框架 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); }
相关文章推荐
- 结构型设计模式---Adapter模式(适配器模式)
- 设计模式[3] Adapter 适配器模式
- 设计模式c#语言描述——适配器模式
- Head First 设计模式之适配器模式学习
- Java设计模式之适配器模式
- 深入浅出Java设计模式之适配器模式
- 设计模式学习(七)适配器模式
- 设计模式1-适配器模式(Adapter)
- 设计模式 - Adapter Pattern(适配器模式)
- 乐在其中设计模式(C#) - 适配器模式(Adapter Pattern)
- 结合实现谈设计模式——适配器模式
- 深入浅出Java设计模式之适配器模式
- 设计模式——适配器模式
- .NET设计模式-适配器模式(Adapter Pattern)
- Dot Net设计模式—适配器模式
- 设计模式c#语言描述——建造者模式、适配器模式、合成(Composite)模式
- 乐在其中设计模式(C#) - 适配器模式(Adapter Pattern)
- Java设计模式之适配器模式
- .NET设计模式(8):适配器模式(Adapter Pattern)
- 设计模式(9)-适配器模式(Adapter)