js設計模式：什麼是適配器模式？ js適配器模式的介紹

本篇文章帶給大家的內容是關於js設計模式：什麼是適配器模式？ js適配器模式的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

什麼是適配器模式？

定義：將一個類別的介面轉換成客戶希望的另一個介面。適配器模式使得原本由於介面不相容而無法一起工作的那些類別可以一起工作。

主要解決：主要解決在軟體系統中，常常要將一些"現存的物件"放到新的環境中，而新環境要求的介面是現物件不能滿足的。

何時使用： 1、系統需要使用現有的類，而此類的介面不符合系統的需要。 2.想要建立一個可以重複使用的類，用於與一些彼此之間沒有太大關聯的一些類，包括一些可能在將來引進的類一起工作，這些源類不一定有一致的接口。 3.透過介面轉換，將一個類別插入另一個類別系中。 （例如老虎和飛禽，現在多了一個飛虎，在不增加實體的需求下，增加一個適配器，在裡麵包容一個虎對象，實現飛的接口。）

如何解決： 繼承或依賴（推薦）。

關鍵程式碼：適配器繼承或依賴已有的對象，實現想要的目標介面。

js適配器模式應用實例： 1、美國電器 110V，中國 220V，就要有一個適配器將 110V 轉換為 220V。 2、JAVA JDK 1.1 提供了 Enumeration 接口，而在 1.2 中提供了 Iterator 接口，想要使用 1.2 的 JDK，則要將以前系統的 Enumeration 接口轉化為 Iterator 接口，這時就需要適配器模式。 3.在 LINUX 上執行 WINDOWS 程式。 4、JAVA 中的 jdbc。

js適配器模式優點： 1、可以讓任何兩個沒有關聯的類別一起運作。 2.提高了類的複用。 3.增加了類的透明度。 4.靈活性好。

js適配器模式缺點： 過度使用適配器，會讓系統非常零亂，不易整體進行掌握。例如，明明看到呼叫的是 A 接口，其實內部被適配成了 B 接口的實現，一個系統如果太多出現這種情況，無異於一場災難。因此如果不是有必要，可以不使用適配器，而是直接對系統進行重構。

js適配器模式應用場景：有動機地修改一個正常運作的系統的接口，這時應該考慮使用適配器模式。

注意事項：適配器不是在詳細設計時添加的，而是解決正在服役的項目的問題。

js適配器模式範例

例如我們要把舊的介面適配成新介面

// 老接口
const oldCity = (function() {
    return [
        {
            name: 'hangzhou',
            id: 11,
        },
        {
            name: 'jinhua',
            id: 12
        }
    ]
}())

// 新接口希望是下面形式
// {
//     hangzhou: 11,
//     jinhua: 12
// }

// 这时候就可采用适配者模式
const adaptor = function(oldCity) {
    const obj = {};
    for (let city of oldCity) {
        obj[city.name] = city.id
    }
    return obj
};

console.log(adaptor(oldCity));

相關推薦：

js設計模式：什麼是中介者模式？ js中介者模式的介紹

js設計模式：什麼是狀態模式？ js狀態模式介紹

以上是js設計模式：什麼是適配器模式？ js適配器模式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！