在JavaScript中使用适配器模式

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 17:40 点击:

 

  看一年前在当当网所买,却还崭新的那本《JavaScript设计模式》(Rose Harmes、Dustin Diaz 著,谢廷晟 译,人民邮电出版社出版),作者将GoF合著的《Design Patterns》一书中若干设计模式在JavaScript中的应用给了详尽的解说,不失为一本好书。

 

         我比较喜欢的设计模式有工厂模式、适配器模式、组合模式和观察者模式等,本文总结书中关于适配器模式的讲解,希望该模式能为读者在JavaScript开发中所用。

 

1、   什么是适配器模式?

在计算机编程中,适配器模式将一个类的接口适配成用户所期待的。一个适配允许通常因为接口不兼容而不能在一起工作的类工作在一起,做法是将类自己的接口包裹在一个已存在的类中。如果现有的接口能很好地满足需要,那就可能没有必要使用适配器。

 

从表面上看,适配器模式很像门面模式。它们都要对别的对象进行包装并改变其呈现的接口。两者的区别在于它们如何改变接口。门面元素展现的是一个简化的接口,它并不提供额外的选择,而且有时为了方便完成任务它还要做出某些假定。而适配器则要把一个叫接口转换成另外一个接口,它并不会滤除某些能力,也不会简化接口。

 

2、   适配器模式的应用场合

下面举几个适合使用适配器模式的实例:

 

(1)      参数类型不一致: 假设有这样一个对象,定义如下:

 

var clientObject = {

    string1: 'foo',

    string2: 'bar',

    string3: 'baz'

};

另外有一个以三个字符串为参数的函数:

 

function interfaceMethod(str1, str2, str3) {

   

}

为了将cientObject作为参数传递给interfaceMethod方法,可使用适配器模式解决:

 

function clientToInterfaceAdapter(o) {

    interfaceMethod(o.string1, o.string2, o.string3);

}

现在可以将clientObject对象作为参数传给clientToIntefaceAdapter方法:

 

clientToIntefaceAdapter(clientObject);

使用适配器模式节解决了参数类型有些许不一致造成的问题。

 

(2)PS2-to-USB适配器:我比较喜欢这个关于适配器的例子,很好理解适配器的作用。 以PC硬件为例,PS2插口是连接鼠标和键盘的标准接口。多年以来几乎所有PC都带有这种接口,鼠标和键盘的设计人员因此就有了一个固定的设计目标。后来硬件工程师发明了可以完全替代PS2接口的技术,这种设计改用USB系统来支持键盘、鼠标和其他外设。

 

但是问题出现了,对于设计主板的工程师来说,消费者有没有USB键盘都无所谓,他们决定不再支持PS2插口,以便降低成本和节省空间。但是键盘和鼠标的设计者要想卖掉以前针对PS2接口成产的成千上万的键盘和鼠标,需要有适配器的支持才行,PS2-to-USB应运而生。

 

3、   在JavaScript中使用适配器模式

现在可供选择的库非常多,看看哪套工具最适合自己的需要,以及它们对自己的开发会带来什么影响。此外还要考虑开发人员的编程风格、实现难易程度和兼容性等等问题。即使以前选定了库,但可能出于性能、安全或设计等方面的考虑,可能会更换所用的库。

 

那要怎么样才能实现两个库之间的平滑过渡呢?此时可以使用适配器模式从一套API过渡到另一套API。例如在下面的实例中实现的是从Prototype库的$函数到YUI(Yahoo!User Interface)的get方法的转换。这两个函数功能相似,但接口方面有些区别。首先看看Prototype的$函数:

 

function $() {

    var elements = new Array();

    for (var i = 0; i < arguments.length; i++) {

        var element = arguments[i];

        if (typeof element == 'string') {

            element = document.getElementById(element);

        }

       

        if (arguments.length == 1) {

            return element;

        }

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • Gb2312转utf-8编码的方法(vbs+js)
      • 如何使用Ajax技术开发Web应用程序(1)
      • js跳转路径问题
      • JavaScript模仿桌面窗口
      • 用js检测两个线段是否相交
      • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
      • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
      • 我是如何去了解jquery的(六),案例之幻灯片轮换
      • Jquery封装幻灯片效果
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1