Adapter适配器模式在JavaScript设计模式编程中的运用分析


Posted in Javascript onMay 18, 2016

定义
适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不兼容而不能一起工作的那些类(对象)可以一些工作。速成包装器(wrapper)。

适配器的别名是包装器(wrapper),这是一个相对简单的模式。在程序开发中有许多这样的场景:当我们试图调用模块或者对象的某个接口时,却发现这个接口的格式并不符合目前的需求。这时候有两种解决办法,第一种是修改原来的接口实现,但如果原来的模块很复杂,或者我们拿到的模块是一段别人编写的经过压缩的代码,修改原接口就显得不太现实了。第二种办法是创建一个适配器,将原接口转换为客户希望的另一个接口,客户只需要和适配器打交道。

为什么需要采用适配器模式?
在开发应用程序时,您往往会需要更换其中某一部分,例如,您用于保存日志或类似性质的内容的一个库。 当您用一个新库来替换它时,新库不太可能有完全相同的接口。 从这里开始,您有两种选择:
(1)检查所有代码,并更改指向旧库的一切代码。
(2)创建一个适配器,使新库可以使用与旧库相同的接口。
显然,在一些情况下,假如您的应用程序很小,或者对旧库的引用很少,更合适的做法是检查完整的代码,并更改它以匹配新库,而不是添加一个新的抽象层,使代码更复杂。 但是,在大多数情况下,创建一个适配器更为实用且节省时间。

JavaScript代码示例

一件事情有可能发生时,它就一定会发生。首先让我们来看一下这个小小的LoggerFactory,它让我们能更容易地修改我们使用的日志接口。

var LoggerFactory = {
  getLogger: function() {
    return window.console;
  },
  ...
};

/* 用法示例 */
var logger = LoggerFactory.getLogger();
logger.log("something to log");

在我们调用getLogger时它给我们返回了控制台对象(console)。为了这个练习我们假装console对象只有一个方法——log,并且它只能接收一个字符串类型的参数。 接下来,我们有另一个日志接口,这个会复杂些,因为1)它是用JavaScript实现的,不像console那样是浏览器本身就有的;2)它会把日志通过AJAX发送到服务器,这也意味着我们要对URL数据进行编码(代码里不会具体实现URL编码相关的事,因为它和我们的要讲的适配器模式毫不相干)。当然,它会使用一个和控制台不同的接口。

var AjaxLogger = {
  sendLog: function() {
    var data = this.urlEncode(arguments);

    jQuery.ajax({
      url: "http://example.com/log",
      data: data
    });
  },

  urlEncode: function(arg) {
    ...
    return encodedData;
  },
  ...
};

我们使用了jQuery的AJAX请求,主要是为了节省时间,忽略那些和适配器模式不想干的事情。 我们现在要做的事情就是创建一个适配器,并且改变之前的LoggerFactory让其返回这个适配器而不是控制台对象。

var AjaxLoggerAdapter = {
  log: function(arg) {
    AjaxLogger.sendLog(arg);
  }
};

/* 调整 LoggerFactory */

var LoggerFactory = {
  getLogger: function() {
    // 改变返回值
    return AjaxLoggerAdapter;
  },
  ...
};

我们对现有代码只做了一行更改,整个程序就可以使用这个新的日志接口了。

复杂适配器

日志接口是个很简单的例子,它只有一个方法,把它直接映射到旧的方法上也没什么难的。大多数情况下并不是如此。你可能会碰到这样的问题,即这些互相映射的函数的参数是完全不同的,旧接口可能根本没有这些参数,你必须自己处理它们。某些情况下,你又必须删掉一些参数,因为新的接口根本用不上它们。如果两个对象之间的接口映射太难,我们就要想想别的办法了,反正我不希望查找和修改数千行旧代码。

Javascript 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
js multiple全选与取消全选实现代码
Dec 04 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
May 14 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
vue+ts下对axios的封装实现
Feb 18 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
jQuery添加options点击事件并传值实例代码
May 18 #Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 #Javascript
深入剖析javascript中的exec与match方法
May 18 #Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 #Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 #Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 #Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 #Javascript
You might like
php函数的常用方法及注意之处小结
2011/07/10 PHP
PHP 时间日期操作实战
2011/08/26 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
php跨站攻击实例分析
2014/10/28 PHP
thinkphp分页实现效果
2016/10/13 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
用JS动态改变表单form里的action值属性的两种方法
2016/05/25 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
node.js遍历目录的方法示例
2018/08/01 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
python集合用法实例分析
2015/05/30 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
公司优秀员工获奖感言
2014/08/14 职场文书
会议通知格式范文
2015/04/15 职场文书
MySQL 语句执行顺序举例解析
2022/06/05 MySQL
Hive常用日期格式转换语法
2022/06/25 数据库
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python