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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript设计模式系列五：适配器模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1611字，纯文字阅读大概需要3分钟。

内容图文

本片文章给大家分享的是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设计模式系列五：适配器模式的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript设计模式系列五：适配器模式全部内容，希望文章能够帮你解决JavaScript设计模式系列五：适配器模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---