JavaScript设计模式系列五：适配器模式

banana_pi 发布于2019-08-26 11:44 / 1296人阅读

摘要：什么是适配器模式所谓适配器模式就是用一个新的接口对现有的接口进行包装，处理类与的不匹配。对象适配器可以适配它的父对象接口方法或属性。装饰者模式增强了对象的功能而同时又不改变它的接口，因此它对程序的透明度比适配器要好。

什么是适配器模式

所谓 适配器模式 就是用一个新的接口对现有的接口进行包装，处理类与API的不匹配。使用这种模式的对象又叫作包装器。
比如我们有一个接口：

function api (x1, x2, x3) {
  console.log(x1 + x2 + x3);  // 用console.log来模拟接口的相关操作
}

然后我们有一个对象数据：

var obj = {
  a: "我",
  b: "很",
  c: "帅"
}

我们可以发现，我们的数据和接口的参数是不匹配的，无法直接参入obj调用该api。
这时候怎么办呢？我们可以定义一个适配器函数：

function adapter (o) {
  // 通过适配器函数来调用目的api
  api(o.a, o.b, o.c);
} 

adapter(obj);
// 我很帅

这样，通过适配器函数 adapter() 我们就可以直接传入obj来调用api了，类与api的不匹配问题就引刃而解了。

总结

适配器模式就是用一个新的接口对现有的接口进行包装，处理类与API的不匹配。使用这种模式的对象又叫作包装器。
适用情况

使用一个已经存在的对象，但其方法或属性接口不符合我们的要求。

想要创建一个可复用对象，该对象可以与其他不相关的对象或不可见的对象协同工作

想使用的对象已经存在，但是不能对每一个都进行原型继承以匹配它的接口。对象适配器可以适配它的父对象接口方法或属性。

与其他模式的区别

适配器和桥接器虽然类似，但桥接的出发点不同，桥接的目的是将接口部分和实现部分分离，从而对他们可以更容易的更独立的加以改变。

装饰者模式增强了对象的功能而同时又不改变它的接口，因此它对程序的透明度比适配器要好。

代理模式再不改变它的接口条件下，为另一接口定义一个代理。

门面模式是为了简化一个接口，不提供额外额选择。

适配器则要把一个接口转换为另一个接口，并不会滤除某些能力也不会简化接口。

私有云 idc机房托管适配器模式 Java设计模式之（五）——代理模式 javascript设计模式 javascript命令模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107459.html

编程中的那些经典套路——设计模式汇总

摘要：如果看不懂的话，可以在评论区中提问，我会第一时间回答你无论何时我一直都在嗯哼该文章属于编程中的那些经典套路设计模式汇总系列在正式阅读前，我先谈谈我们该用什么姿势和心态学习设计模式：如果你还没有过多的编程经验（泛指半年以下），我建议你把它当做小说来看，能看懂多少是多少，因为半年以下经验的程序员用到设计模式的情况只会出现在面试上，至于实际工作中？相对来说这部分不会由你负责。如果你已...

youkede 2019-06-27 13:55 评论0 收藏0
听飞狐聊JavaScript设计模式系列10

摘要：本回内容介绍上一回，聊了代理模式，虚拟代理，图片懒加载，介一回，也比较容易，适配器模式，用一个新的接口对现有类的接口进行包装，处理类与的不匹配。这一回，主要聊了适配器模式，图片预加载，主要还是理解下一回，聊一聊桥接模式，顺便做一做计算题。本回内容介绍上一回，聊了代理模式，虚拟代理，图片懒加载，介一回，也比较容易，适配器模式（Adapter），用一个新的接口对现有类的接口进行包装，处...

yexiaobai 2019-08-19 17:12 评论0 收藏0
大前端 - 收藏集 - 掘金

摘要：是目前唯一一个支持同步调用的跨平台年度上最多的个项目前端掘金年接近尾声，在最近的几篇文章中，会整理总结一些年度开源项目。 JS 全栈教程 - 前端 - 掘金本课程是基于阮一峰的 js 全栈教程的视频版本，免费供大家观看... 2016 年 10 个最佳的 CodePen 作品 - 前端 - 掘金说到 CodePen，前端开发者们肯定不会陌生。如果说 Dribbble 是设计师们聚集的圣...

honhon 2019-08-20 17:03 评论0 收藏0
JavaScript设计模式系列八：外观模式

摘要：外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。外观模式在我们的日常工作中十分常见。外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用，不仅简化类中的接口，而且实现调用者和接口的解耦。外观模式在我们的日常工作中十分常见。我们来看一个例子...

tianren124 2019-08-22 15:58 评论0 收藏0
从ES6重新认识JavaScript设计模式(四): 适配器模式

摘要：什么是适配器模式适配器模式将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。中的适配器模式在前端项目中，适配器模式的使用场景一般有以下三种情况库的适配参数的适配和数据的适配。 1 什么是适配器模式适配器模式(Adapter)：将一个类的接口转换成客户希望的另外一个接口，使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。在...

URLOS 2019-08-22 18:30 评论0 收藏0