欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

理解JavaScript中的適配器模式Adapter?Pattern

 更新時間：2022年04月26日 11:22:46   作者：掘金安東尼  
這篇文章主要介紹了理解JavaScript中的適配器模式,適配器模式即Adapter?Pattern，是作為兩個不兼容的接口之間的橋梁。這種類型的設計模式屬于結(jié)構(gòu)型模式，下文更多相關介紹需要的小伙伴可以參考一下

說到：適配器，大家一定不會陌生，所有的充電頭，就是適配器，用于適配電源插孔和需要充電的設備；

同理，適配器模式（Adapter Pattern）是作為兩個不兼容的接口之間的橋梁。這種類型的設計模式屬于【結(jié)構(gòu)型模式】，它結(jié)合了兩個獨立接口的功能。

代碼示例也非常直觀：

class Adapter {
specificRequest() {
return '手機充電接口'
}
}
class Target {
constructor() {
this.adapter = new Adapter()
}
request() {
let info = `${this.adapter.specificRequest()}---通過適配器接入到---充電插頭`
return info
}
}
let target = new Target()
console.info(target.request())

// 手機充電接口---通過適配器接入到---充電插頭

當我們有動機地修改一個正常運行的系統(tǒng)的接口，這時應該考慮使用適配器模式。

不過，它也有一個要特別注意的缺點，即：過多地使用適配器，會讓系統(tǒng)非常零亂，不易整體進行把握。比如，明明看到調(diào)用的是 A 接口，其實內(nèi)部被適配成了 B 接口的實現(xiàn)，一個系統(tǒng)如果太多出現(xiàn)這種情況，無異于一場災難。因此如果不是很有必要，可以不使用適配器，而是直接對系統(tǒng)進行重構(gòu)。

不過，它的好處呢，就是：可以讓任何兩個沒有關聯(lián)的類一起運行。 提高了類的復用。

// 使用ES6改寫適配器實現(xiàn)地圖SDK統(tǒng)一渲染
class googleMap {
show() {
console.log('開始渲染谷歌地圖');
}
}
class baiduMap {
display() {
console.log('開始渲染百度地圖');
}
}
class baiduMapAdapter extends baiduMap {
constructor() {
super();
}
show() {
this.display();
}
}
// 外部調(diào)用者
function renderMap(map) {
map.show(); // 統(tǒng)一接口調(diào)用
}
renderMap(new googleMap());
renderMap(new baiduMapAdapter());

// 開始渲染谷歌地圖
// 開始渲染百度地圖

到此這篇關于理解JavaScript中的適配器模式Adapter Pattern的文章就介紹到這了,更多相關JS適配器模式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論