JS适配器模式

适配器模式

适配器模式是一种常用的设计模式，它能够将一个类的接口转换成符合客户端所期望的另一个接口，从而使得原本由于接口不兼容而不能一起工作的类可以协同工作。在 JavaScript 中，适配器模式同样也有着广泛的应用场景。

一般来说，JavaScript 中的适配器模式可以分为两种类型：基于对象的适配器和基于类的适配器。下面我们就以这两种类型的适配器模式为例，分别进行说明。

1. 基于对象的适配器

基于对象的适配器是通过包装不兼容对象来实现适配器模式的。其原理是利用一个新的对象包装原始对象，并且该新对象拥有符合目标接口的方法。

例如，我们有一个邮件发送对象，但是它的 send() 方法与目标接口不一致，如下所示：

class Email { sendEmail(msg) { console.log(`Sending email: ${msg}`); } }

然后我们需要一个符合目标接口的对象，如下所示：

class MessageSender { sendMessage(msg) {} }

此时我们可以使用基于对象的适配器来解决这个问题，代码如下：

``` class EmailAdapter { constructor(email) { this.email = email; }

sendMessage(msg) { this.email.sendEmail(msg); } }

const email = new Email(); const sender = new MessageSender(); const adapter = new EmailAdapter(email);

sender.sendMessage = function (msg) { this.sendMessage(msg); };

sender.sendMessage('Hello World!'); ```

在上面的代码中，我们创建了一个名为 EmailAdapter 的适配器类，并且将邮件发送对象作为它的构造函数参数传入。然后我们定义了一个 sendMessage() 方法来与目标接口匹配，并将其实现为调用原始对象的 sendEmail() 方法。最后，我们创建了一个 MessageSender 对象，并使用适配器对象进行消息发送。

2. 基于类的适配器

基于类的适配器是通过继承来实现适配器模式的。其原理是利用子类继承父类，并且重写父类的方式来实现对不兼容类的适配。

例如，我们有一个声音播放器对象，但是它的 playSound() 方法与目标接口不一致，如下所示：

class SoundPlayer { play(sound) { console.log(`Playing sound: ${sound}`); } }

然后我们需要一个符合目标接口的对象，如下所示：

class MediaAdapter { playAudio(audio) {} }

此时我们可以使用基于类的适配器来解决这个问题，代码如下：

``` class AudioPlayer extends MediaAdapter { playAudio(audio) { this.play(audio); } }

const player = new AudioPlayer(); player.play('test.mp3'); ```

在上面的代码中，我们创建了一个名为 AudioPlayer 的子类，并继承了 MediaAdapter 父类。然后我们重写了父类的 playAudio() 方法，并将其实现为调用原始对象的 play() 方法。最后，我们创建了一个 AudioPlayer 对象，并使用它来播放声音。

总结

总之，在 JavaScript 中，适配器模式是一种非常常见的设计模式，可以帮助我们解决不兼容的接口问题。通过基于对象的适配器和基于类的适配器，我们可以很方便地将不同的对象或类适配到目标接口中，并且使它们能够协同工作。