适配器模式

适配器模式介绍

适配器模式（Adapter）是将⼀个类（对象）的接⼝（⽅法或属性）转化成客户希望的另外⼀个接⼝（⽅法或属性），适配器模式使得原本由于接⼝不兼容⽽不能⼀起⼯作的那些类（对象）可以⼀些⼯作。别称包装器（wrapper）。

代码实现

xxxxxxxxxx
17
1
class GooleMap {
2
 show() {
3
    console.log('渲染⾕歌地图')
4
  }
5
}
6
class BaiduMap {
7
 show() {
8
 console.log('渲染百度地图')
9
  }
10
}
11
function render(map) {
12
 if (map.show instanceof Function) {
13
 map.show()
14
  }
15
}
16
render(new GooleMap()) // 渲染⾕歌地图
17
render(new BaiduMap()) // 渲染百度地图

但是假如BaiduMap类的原型⽅法不叫show，⽽是叫display，这时候就可以使⽤适配器模式了，因为我们不能轻易的改变第三⽅的内容。在BaiduMap的基础上封装⼀层，对外暴露show⽅法。

xxxxxxxxxx
24
1
class GooleMap {
2
 show() {
3
 console.log('渲染⾕歌地图')
4
 }
5
}
6
class BaiduMap {
7
 display() {
8
 console.log('渲染百度地图')
9
 }
10
}
11
// 定义适配器类, 对BaiduMap类进⾏封装
12
class BaiduMapAdapter {
13
 show() {
14
 var baiduMap = new BaiduMap()
15
 return baiduMap.display() 
16
 }
17
}
18
function render(map) {
19
 if (map.show instanceof Function) {
20
 map.show()
21
 }
22
}
23
render(new GooleMap()) // 渲染⾕歌地图
24
render(new BaiduMapAdapter()) // 渲染百度地图

⼩结

1. 适配器模式主要解决两个接⼝之间不匹配的问题，不会改变原有的接⼝，⽽是由⼀个对象对另⼀个对象的包装。
2. 适配器模式符合开放封闭原则