JavaScript 適配器模式

baihe 發(fā)布于2019-08-26 10:14 / 1479人閱讀

摘要：適配器模式舊接口格式和使用者不兼容的情況下需要加一個適配轉(zhuǎn)換接口，無需要改變舊的接口格式電源適配器實現(xiàn)步驟針對類創(chuàng)建一個轉(zhuǎn)換類類中的初始化中創(chuàng)建一個實例利用類的多態(tài)特性覆蓋類的方法代碼實現(xiàn)語法初始化實例覆蓋函數(shù)式覆蓋

1. JavaScript 適配器模式

舊接口格式和使用者不兼容的情況下需要加一個適配轉(zhuǎn)換接口，無需要改變舊的接口格式

eg: 電源適配器

實現(xiàn)步驟

針對 A 類創(chuàng)建一個 B 轉(zhuǎn)換類

B 類中的 constructor 初始化中創(chuàng)建一個實例 instance

利用類的多態(tài)特性覆蓋 A 類的方法

代碼實現(xiàn) class 語法

class Plug {
    constructor(type) {
        this.type = type
    }
    getType() {
        return this.type
    }
}

class Adapter {
    constructor(oldType, newType) {
        this.plug = new Plug(oldType) // 初始化實例
        this.oldType = oldType
        this.newType = newType
    }
    getOldType() {
        return this.oldType
    }
    getType() { // 覆蓋
        return this.newType
    }
}

let adapter = new Adapter("hdmi", "typec")
let res = adapter.getType()
res // typec

res = adapter.getOldType()
res // hdmi

函數(shù)式

let hdmi = {
    getType() {
        return "HDMI"
    }
}

let typeC = {
    getType() {
        return "type-c"
    }
}

function typeCAdapter(plug) {
    return {
        getType() { // 覆蓋
            return hdmi.getType()
        }
    }
}

res = typeCAdapter(typeC).getType()
res // HDMI

GPU云服務(wù)器云服務(wù)器適配器模式 javascript命令模式 javascript嚴格模式 javascript設(shè)計模式

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105831.html

相關(guān)文章

JavaScript 設(shè)計模式（四）：適配者模式

摘要：與其它模式的異同適配器模式不會改變原有接口，這一點與裝飾者模式和代理模式類似。代理模式適配器模式與代理模式最相似，同樣都是創(chuàng)建一個新對象包裝一次，實現(xiàn)對本體的調(diào)用。外觀模式外觀模式與適配器模式最大的區(qū)別，是定義了一個新的接口。 showImg(https://segmentfault.com/img/bVbul8d?w=800&h=600); 適配器模式：將一個類（對象）的接口（方法或...

MingjunYang 2019-08-23 18:18 評論0 收藏0
從ES6重新認識JavaScript設(shè)計模式(四): 適配器模式

摘要：什么是適配器模式適配器模式將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口，使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。中的適配器模式在前端項目中，適配器模式的使用場景一般有以下三種情況庫的適配參數(shù)的適配和數(shù)據(jù)的適配。 1 什么是適配器模式適配器模式(Adapter)：將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口，使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。在...

URLOS 2019-08-22 18:30 評論0 收藏0
JavaScript設(shè)計模式系列五：適配器模式

摘要：什么是適配器模式所謂適配器模式就是用一個新的接口對現(xiàn)有的接口進行包裝，處理類與的不匹配。對象適配器可以適配它的父對象接口方法或?qū)傩?。裝飾者模式增強了對象的功能而同時又不改變它的接口，因此它對程序的透明度比適配器要好。什么是適配器模式所謂適配器模式就是用一個新的接口對現(xiàn)有的接口進行包裝，處理類與API的不匹配。使用這種模式的對象又叫作包裝器。比如我們有一個接口： function...

banana_pi 2019-08-26 11:44 評論0 收藏0
JavaScript設(shè)計模式之適配器模式

摘要：舊接口格式和使用者不兼容，中間加一個適配器轉(zhuǎn)換接口。模式作用使用一個已經(jīng)存在的對象，但其方法或接口不符合你的要求。原文博客地址：https://finget.github.io/2018/11/22/adapter/ 適配器模式適配器模式(Adapter)是將一個類(對象)的接口(方法或?qū)傩?轉(zhuǎn)換成客戶希望的另外一個接口(方法或?qū)傩?,適配器模式使得原本由于接口不兼容而不能一起工作...

CNZPH 2019-08-23 13:46 評論0 收藏0
JavaScript 設(shè)計模式讀書筆記(七)——適配器模式

摘要：與門面模式的聯(lián)系本文要說的適配器模式和上一篇門面模式在思想上有相似之處，所以放在一起說。我們以中的一個為例，說說實際應用中的適配器模式的使用方法。而如果實現(xiàn)層的問題不大，要解決一部分適配問題的話，適配器模式就是很好的選擇了。與門面模式的聯(lián)系本文要說的適配器模式和上一篇門面模式在思想上有相似之處，所以放在一起說。它們都對類的接口進行了一些改變。門面模式是把相似的或是完成相關(guān)任務(wù)的接...

AZmake 2019-08-19 14:46 評論0 收藏0