設計模式#適配器模式-js教程-PHP中文網

設計模式#適配器模式

WBOY

發布： 2024-07-18 01:27:31

原創

1018 人瀏覽過

Design Pattern # Adapter Pattern

在過去的幾周里，我分享了一些流行的設計模式，例如 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();
    }
}

登入後複製

讓我們分解上面的程式碼：

ThirdPartyVideoPlayer 是您的應用程式想要使用的假設外部程式庫。但是，它的介面可能與您的應用程式不相容。
VideoPlayerAdapter 是適配器類別。它圍繞著 ThirdPartyVideoPlayer。此適配器的介面與您的應用程式相容。當適配器的 play() 方法被呼叫時，它會在內部呼叫 ThirdPartyVideoPlayer 上必要的方法。
應用程式是您的應用程式程式碼。它創建 VideoPlayerAdapter 的實例並像使用常規視訊播放器一樣使用它。當它呼叫適配器上的 play() 方法時，適配器會將其轉換為對 ThirdPartyVideoPlayer 的適當呼叫。

這樣，Application 類別就不需要了解 ThirdPartyVideoPlayer 的工作原理。如果您需要用不同的程式庫替換 ThirdPartyVideoPlayer，您只需要編寫一個新的適配器 - Application 類別可以保持不變。這是適配器模式的主要好處：它將您的應用程式程式碼與第三方程式庫的細節分開。

適配器模式和外觀模式之間的區別

雖然適配器模式和外觀模式看起來很相似，但它們具有不同的目的並在不同的上下文中使用：

目的：
- 適配器模式：適配器模式的主要目的是使兩個不相容的介面相互相容。它允許使用具有不同介面的現有類，就好像它實作了不同的介面一樣。
- 外觀模式：外觀模式的主要目的是為複雜的子系統提供簡化的介面。它隱藏了子系統的複雜性，並提供了更高級別的接口，使子系統更易於使用。
用法：
- 適配器模式：當您需要整合與應用程式中現有類別或介面不匹配的新類別或程式庫時使用它。適配器模式是關於將特定介面適應預期介面。
- 外觀模式：當您想要簡化與複雜子系統的互動時使用它。 Facade 提供了一種與系統互動的簡單方法，隱藏了其複雜性。
設計：
- 適配器模式：通常涉及建立一個新類別（適配器），該類別實作客戶端期望的介面並將呼叫轉換為適應的類別。
- 外觀模式：涉及建立一個外觀類，為客戶端提供簡化的方法，通常聚合子系統的多個功能。