详解适配器在JavaScript中的体现
190 浏览量
2020-12-10
23:42:25
上传
评论
收藏 129KB PDF 举报
详解适配器在详解适配器在JavaScript中的体现中的体现
适配器设计模式在JavaScript中非常有用，在处理跨浏览器兼容问题、整合多个第三方SDK的调用，都可以看到它的身影。
其实在日常开发中，很多时候会不经意间写出符合某种设计模式的代码，毕竟设计模式就是老前辈们总结提炼出来的一些能够
帮助提升开发效率的一些模版，源于日常的开发中。
而适配器其实在JavaScript中应该是比较常见的一种了。
在维基百科中，关于适配器模式的定义为：
在软件工程中，适配器模式是一种软件设计模式，允许从另一个接口使用现有类的接口。它通常用于使现有的类与其他类一起
工作，而无需修改其源代码。
生活中的例子生活中的例子
在生活中最常见的就是电源插头的适配器了，世界各国的插座标准各不相同，如果需要根据各国的标准购买对应的电源插头那
未免太过于浪费钱财，如果说自己带着插座，把人家墙敲碎，重新接线，也肯定是不现实的。
所以就会有插头的适配器，用来将某种插头转换成另一种插头，在插座和你的电源之间做中转的这个东西，就是适配器。
在代码中的体现在代码中的体现
而转向到编程中，我个人是这样理解的：
将那些你不愿意看见的脏代码藏起来，你就可以说这是一个适配器
接入多个第三方接入多个第三方SDK
举个日常开发中的例子，我们在做一个微信公众号开发，里边用到了微信的支付模块，经过长时间的联调，终于跑通了整个流
程，正当你准备开心的打包上线代码的时候，得到了一个新需求：
我们需要接入支付宝公众号的SDK，也要有支付的流程
为了复用代码，我们可能会在脚本中写下这样的逻辑：
if (platform === 'wechat') {
wx.pay(config)
} else if (platform === 'alipay') {
alipay.pay(config)
}
// 做一些后续的逻辑处理
但是一般来说，各厂的SDK所提供的接口调用方式都会多多少少有些区别，虽说有些时候文档可能用的是同一份，致敬友
商。
所以针对上述的代码可能是这样的：
// 并不是真实的参数配置，仅仅举例使用
const config = {
评论0