JavaScript设计模式之适配器模式
栏目: JavaScript · 发布时间: 6年前
内容简介:适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转换成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一起工作。[旧接口格式和使用者不兼容,中间加一个适配器转换接口。]模式作用:
适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转换成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一起工作。[旧接口格式和使用者不兼容,中间加一个适配器转换接口。]
UML
模式作用:
- 使用一个已经存在的对象,但其方法或接口不符合你的要求。
- 创建一个可复用的对象,该对象可以与其他不相关或不可见的对象协同工作。
- 使用已经存在的一个或多个对象,但是不能进行继承已匹配它的接口。
注意事项:
- 与代理模式的区别,代理模式是不改变原接口,适配是原接口不符合规范
代码示例
//谷歌地图show方法 var googleMap = { googlShow: function() { console.log("谷歌地图"); } }; //百度地图show方法 var baiduMap = { baiduShow: function() { console.log("百度地图"); } }; //渲染地图函数 var renderMap=function(map){ if(map.show instanceof Function){ map.show(); } }; renderMap(googleMap);//输出:开始渲染谷歌地图 renderMap(baiduMap);//输出:开始渲染百度地图
适配器模式还有数据的适配,在现在开发中,各种UI框架层出不穷(elementUI),每个框架中对组件数据格式的定义不一样,后台返回的数据也不能完全按照框架的格式,这时作为前端程序猿,我们就需要把后台返回的数据做一次修改,以适应框架。这就是设配器的想法,不要听到 设计模式 就很恼火,说不定你每天都在用!!!
最后
创建了一个前端学习交流群,感兴趣的朋友,一起来嗨呀!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 设计模式——订阅模式(观察者模式)
- 设计模式-简单工厂、工厂方法模式、抽象工厂模式
- java23种设计模式-门面模式(外观模式)
- 设计模式-享元设计模式
- Java 设计模式之工厂方法模式与抽象工厂模式
- JAVA设计模式之模板方法模式和建造者模式
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Android群英传
徐宜生 / 电子工业出版社 / 2015-9 / 69.00元
《Android群英传》对具有一定Android开发基础的读者,以通俗易懂的语言介绍了Android开发的进阶技巧。《Android群英传》共分为13章,讲解了Android体系与系统架构、Android开发工具新接触、Android控件架构与自定义控件详解、ListView使用技巧、Android Scroll分析、Android绘图机制与处理技巧、Android动画机制与使用技巧、Activi......一起来看看 《Android群英传》 这本书的介绍吧!