首页 > web前端 > js教程 > 正文

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

不言
发布: 2018-04-02 14:05:44
原创
1133 人浏览过

本片文章给大家分享的是JavaScript设计模式系列五:适配器模式,有感兴趣的朋友可以看一下

什么是适配器模式

所谓 适配器模式 就是用一个新的接口对现有的接口进行包装,处理类与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的不匹配。使用这种模式的对象又叫作包装器。
适用情况

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

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

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

与其他模式的区别

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

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

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

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

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

相关推荐:

JavaScript设计模式系列一:工厂模式

JavaScript设计模式系列三:建造者模式

以上是JavaScript设计模式系列五:适配器模式的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板