JavaScript设计模式八——适配器模式，轻松打破对象接口差异壁垒！

2023-09-14 22:52:12

缘起——兼容老旧接口的迫切需求

在软件开发中，我们常常面临着这样一种情况：当我们需要使用一个现有的类或函数时，却发现它的接口与我们的需求不兼容。此时，若要强行使用，要么需要对现有的类或函数进行修改，要么需要编写大量的转换代码来适配接口差异。这两种方法都存在弊端，前者违背了开闭原则，后者则增加了代码的复杂性和维护成本。

破局之道——适配器模式的巧妙设计

适配器模式（Adapter Pattern）应运而生，它提供了一种优雅的解决方案，允许我们将一个对象的接口转换成另一个对象所期望的接口，从而使原本不兼容的对象能够协同工作。适配器模式的本质是通过创建一个适配器类，来封装对原有类或函数的调用，并提供一个新的接口，使其与目标对象兼容。

两种经典的适配器实现方式

适配器模式主要有两种经典的实现方式：类适配器和对象适配器。

类适配器

类适配器通过继承来实现接口的转换。在类适配器中，适配器类直接继承原有类或函数，并在子类中提供新的接口，实现接口的转换。这种方式简单易用，但存在一个缺点，即适配器类与原有类之间存在强依赖关系，如果原有类发生变化，适配器类也需要随之修改。

对象适配器

对象适配器通过委托来实现接口的转换。在对象适配器中，适配器类包含一个原有类或函数的实例，并通过委托将调用转发给原有类或函数。这种方式更加灵活，适配器类与原有类之间不存在强依赖关系，原有类发生变化时，适配器类无需修改。

适配器模式的现实意义与广泛应用

适配器模式在现实世界中有着广泛的应用，例如：

充电器适配器： 充电器适配器允许您使用不同的充电器为您的设备充电，即使充电器的插头形状不同。
网络适配器： 网络适配器允许您使用不同的网络电缆连接到网络，即使电缆的类型不同。
数据库适配器： 数据库适配器允许您使用不同的编程语言访问不同的数据库，即使数据库的底层实现不同。

适配器模式在JavaScript中的实践

在JavaScript中，适配器模式同样可以大展身手。我们来看一个实际的例子：

// 原有类
class OldCalculator {
  add(a, b) {
    return a + b;
  }

  subtract(a, b) {
    return a - b;
  }
}

// 适配器类
class NewCalculatorAdapter {
  constructor(oldCalculator) {
    this.oldCalculator = oldCalculator;
  }

  sum(a, b) {
    return this.oldCalculator.add(a, b);
  }

  difference(a, b) {
    return this.oldCalculator.subtract(a, b);
  }
}

// 使用适配器类
const oldCalculator = new OldCalculator();
const adapter = new NewCalculatorAdapter(oldCalculator);
console.log(adapter.sum(1, 2)); // 3
console.log(adapter.difference(4, 2)); // 2

在这个例子中，我们使用适配器类NewCalculatorAdapter来将OldCalculator类的接口转换成NewCalculator类所期望的接口。这样，我们就可以使用NewCalculatorAdapter类来进行加法和减法运算，而无需修改OldCalculator类。