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

编辑：rootadmin

推荐整理分享Adapter适配器模式在JavaScript设计模式编程中的运用分析(适配器模型)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:适配器模式实现,适配器模式菜鸟教程,适配器模型,适配器方案,适配器模型,适配器方案,适配器模式详解,适配器模型,内容如对您有帮助，希望把文章链接给更多的朋友！

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

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

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

JavaScript代码示例

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

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

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

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

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

复杂适配器

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

实现JavaScript的组成----BOM和DOM详解我们知道，一个完整的JavaScript的实现，需要由三部分组成：ECMAScript(核心),BOM(浏览器对象模型)，DOM(文档对象模型)。今天主要学习BOM和DOM。BOM:BOM提供了

JavaScript 基础函数_深入剖析变量和作用域函数定义和调用定义函数，在JavaScript中，定义函数的方式如下：functionabs(x){if(x=0){returnx;}else{return-x;}}上述abs()函数的定义如下：function指出这是一个函数

深入理解JavaScript中的对象复制(Object Clone) JavaScript中并没有直接提供对象复制(ObjectClone)的方法。因此下面的代码中改变对象b的时候，也就改变了对象a。a={k1:1,k2:2,k3:3};b=a;b.k2=4;如果只想改变b而保