在过去的几周里，我分享了一些流行的设计模式，比如 pubsub 和 singleton 模式。今天，我将分享本系列的另一篇文章，但请在下面评论并告诉我下一步应该介绍哪种设计模式！

适配器模式是一种允许接口不兼容的对象合作的结构设计模式。当你想让现有类在不修改源代码的情况下与其他类一起工作时，你通常会使用它。当现有类的接口与您需要的接口不匹配时，此模式特别有用。

让我们考虑一个现实生活中的例子。您的任务是将第三方视频播放器集成到您的应用程序中。然而，视频播放器具有不同的功能，并有不同的方法界面，以满足您的应用程序期望。在这种情况下，您可以使用适配器模式围绕视频播放器创建一个包装类别，使第三方代码与您现有的应用程序代码兼容。

这是您在这种情况下使用的代码：

// Adapter class
class VideoPlayerAdapter {
    constructor() {
        this.externalPlayer = new ThirdPartyVideoPlayer({
            // some configuration
        });
    }

    play() {
        const video = this.externalPlayer.getVideo();
        this.externalPlayer.playVideo(video, {
            // additional parameters
        });
    }
}

// Your application code
class Application {
    constructor() {
        this.videoPlayer = new VideoPlayerAdapter();
    }

    start() {
        // Play video using your application code
        this.videoPlayer.play();
    }
}

让我们对上述代码进行分解：

1. thirdpartyvideoplayer 假设外部库是您的应用程序想要使用的。但是，它的界面可能与您的应用程序不兼容。
2. videoplayeradapter 这是一种适配器。它被包围着 thirdpartyvideoplayer。适配器的接口与您的应用程序兼容。适配器 play() 当该方法被调用时，它会在内部调用 thirdpartyvideoplayer 必要的方法。
3. 应用程序是您的应用程序代码。它创建了 videoplayeradapter 例子和常规视频播放器一样使用。当它在适配器上调用时 play() 在方法中，适配器将其转换为对 thirdpartyvideoplayer 适当调用。

这样，application 类别不需要理解 thirdpartyvideoplayer 工作原理。如果需要用不同的库替换， thirdpartyvideoplayer，你只需要写一个新的适配器 - application 类可以保持不变。这是适配器模式的主要优点：它将您的应用程序代码与第三方库的细节分开。

虽然适配器模式看起来与外观模式非常相似，但它们有不同的目的，并在不同的上下文中使用：

1. 目的：
   • 适配器模式：适配器模式的主要目的是使两个不兼容的接口相互兼容。它允许现有类别使用不同的接口，就像它实现了不同的接口一样。
   • 外观模式：外观模式的主要目的是为复杂的子系统提供简化的接口。它隐藏了子系统的复杂性，并提供了更高层次的接口，使子系统更容易使用。
2. 用法：
   • 适配器模式：当您需要集成与应用程序中现有类别或接口不匹配的新类别或库时。适配器模式是将特定接口适应预期接口。
   • 外观模式：当你想简化与复杂子系统的交互时，使用它。 facade 它提供了一种与系统交互的简单方法，隐藏了它的复杂性。
3. 设计：
   • 适配器模式：它通常涉及创建一个新的类别（适配器），以实现客户期望的接口，并将调用转换为适应性类别。
   • facade 模式：涉及到创建一个 facade 类，为客户端提供简化的方法，通常是聚合子系统的多种功能。

总之，虽然这两种模式都提供了一种使用现有代码的方法，但适配器模式侧重于接口兼容性，而外观模式侧重于简化与复杂系统的交互。

所以，当你在这里的时候，让我邀请你参加我们今年8月要举办的超级活动！

这个远程活动给了你机会通过我们的实时通信工具来应对挑战，改变你的虚拟交互，从而展示你的技能和创造力。有了 superviz，你有机会赢 5,000 美元奖金。

立即注册接收更新、提示和资源，并做好破解准备！

以上是设计模式#适配器模式的详细内容，请关注其他相关文章！