JavaScript适配器模式与接口转换_技术教程

适配器模式通过转换接口解决对象间方法不兼容问题，核心角色包括目标接口、被适配者和适配器，常用于第三方库、遗留代码或跨平台调用的场景。

在JavaScript中，适配器模式并不是为了应对类型系统强制的接口约束，而是为了解决对象之间方法不兼容的问题。它通过封装一个类或对象，使其接口能够被另一个期望不同接口的组件所使用。这种模式在处理第三方库、遗留代码或跨平台调用时特别实用。

什么是适配器模式

适配器模式的核心思想是“转换接口”。就像电源插座适配器能让美标插头在欧标插座上使用一样，代码中的适配器让原本不兼容的对象能协同工作。

它通常包含三个角色：

目标接口（Target）：客户端期望使用的接口
被适配者（Adaptee）：已有但接口不兼容的类或对象
适配器（Adapter）：将Adaptee的接口转换成Target接口

实际应用场景

假设你正在开发一个地图应用，最初使用的是Google Maps API，它的获取位置方法叫getCurrentPosition。后来切换到另一个地图服务，其对应方法名为fetchLocation。此时无需修改所有调用点，只需一个适配器：

// 老旧的地图服务（Adaptee）
const OldMapService = {
  fetchLocation(callback) {
    setTimeout(() => {
      callback({ lat: 39.90, lng: 116.40 });
    }, 100);
  }
};

// 目标接口定义（约定）
class LocationProvider {
  getCurrentPosition(callback) {
    throw new Error("子类必须实现此方法");
  }
}

// 适配器
class MapServiceAdapter extends LocationProvider {
  constructor(service) {
    super();
    this.service = service;
  }

  getCurrentPosition(callback) {
    this.service.fetchLocation(callback);
  }
}

// 使用方式保持一致
const adapter = new MapServiceAdapter(OldMapService);
adapter.getCurrentPosition(pos => {
  console.log("当前位置:", pos);
});

与接口转换的关系

JavaScript没有原生的interface关键字，所谓的“接口”更多是一种隐式契约。适配器模式在这里的作用就是桥接两个不同的契约。

常见需要转换的情况包括：

方法名不同但功能相同（如getData vs fetch）
参数格式不一致（如数组顺序、对象字段名）
回调风格差异（如Promise vs 回调函数）

例如将回调函数API转为Promise风格也是一种适配：

```javascript function promisifyAdapter(fn) { return function(...args) { return new Promise((resolve, reject) => { fn(...args, (err, data) => { if (err) reject(err); else resolve(data); }); }); }; } ```