设计模式之适配器模式

1. 定义

将一个类的接口转换成客户端所期望的另一个接口

2. 口语化举例

适配器，生活中常见的适配器典型如手机充电器，其实它的正式名字应是“电源适配器”

充电器的作用，就是将生活电（220V交流电）转换为手机所接受的直流电（常规为5V，2A）

所以，电源适配器，就是将生活电与直流电适配，使手机能使用220V交流电

进一步地，适配器，就是将两者不能直接相互作用的对象，进行转换适配

（下面的描述会沿用这个上述这个场景）

3. 源码示例

AntV L7 是一个空间数据可视化 JS 库，空间数据，必然设计各种底图，目前常见的地图底图有高德地图、百度地图、天地图、Mapbox 等

每一家地图或多或少都不一样，如何将各家地图接入到 L7 中，就必然需要做适配工作

浏览 L7 的地图源码部分：L7/packages/maps/src at master · antvis/L7 (github.com)

可以看到 L7 基本每个地图都做了一个适配器

例如高德地图AMap的部分源码：

import { IAMapInstance } from '../../typings/index';
import BaseMapWrapper from '../utils/BaseMapWrapper';
import AMapService from './map';
 
export default class AMapWrapper extends BaseMapWrapper<AMap.Map & IAMapInstance> {
  protected getServiceConstructor() {
    return AMapService;
  }
}

而AMapService就是配置高德地图使之转换为通用的Map对象

这样设计的好处是，后续新添加一个地图服务时，只需要新增一个地图与地图适配器即可，当某个地图服务变更时，也只需要修改适配器即可

4. 总结

4.1 设计原则

• 单一职责原则

  充电器（电源适配器）只负责转换电流，生活电依旧还是220V，手机依旧还是使用直流电

• 开闭原则

  假如以后手机不使用原来的5V、2A直流电了，换个充电器就行

4.2 适用场景

• 使用某个类、模块或者函数时，其接口与原有代码不兼容

  创建一个中间层类，其可作为代码与遗留 类、第三方类或提供怪异接口的类之间的转换器

5. 参考资料

[1] 适配器设计模式（封装器模式） (refactoringguru.cn)

[2] L7/packages/maps/src at master · antvis/L7 (github.com)