JavaScript設(shè)計模式系列八：外觀模式

tianren124 發(fā)布于2019-08-22 15:58 / 3180人閱讀

摘要：外觀模式外觀模式是指提供一個統(tǒng)一的接口去訪問多個子系統(tǒng)的多個不同的接口，為子系統(tǒng)中的一組接口提供統(tǒng)一的高層接口。外觀模式在我們的日常工作中十分常見。

外觀模式

外觀模式是指提供一個統(tǒng)一的接口去訪問多個子系統(tǒng)的多個不同的接口，為子系統(tǒng)中的一組接口提供統(tǒng)一的高層接口。使得子系統(tǒng)更容易使用，不僅簡化類中的接口，而且實現(xiàn)調(diào)用者和接口的解耦。
外觀模式在我們的日常工作中十分常見。

我們來看一個例子：

// a.js
export default {
  getA (params) {
    // do something...
  }
}

// b.js 
export default {
  getB (params) {
    // do something...
  }
}

// app.js  外觀模式為子系統(tǒng)提供同一的高層接口
import A from "./a"
import B from "./b"
export default {
  A,
  B
}

// 通過同一接口調(diào)用子系統(tǒng)

import app from "./app"

app.A.getA(params);
app.B.getB(params);

與適配器模式的區(qū)別

適配器模式是將一個對象包裝起來以改變其接口，而外觀模式是將一群對象包裝起來以簡化其接口。
適配器是將接口轉(zhuǎn)換為不同接口，而外觀模式是提供一個統(tǒng)一的接口來簡化接口。

GPU云服務(wù)器云服務(wù)器外觀模式 javascript設(shè)計模式 javascript命令模式 javascript嚴(yán)格模式

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93918.html

相關(guān)文章

開發(fā)之路（設(shè)計模式八：外觀模式）

摘要：改變接口的新模式，為了簡化接口這次帶來的模式為外觀模式，之所以這么稱呼，因為它將一個或多個類復(fù)雜的一切都隱藏起來。改變接口的新模式，為了簡化接口這次帶來的模式為外觀模式，之所以這么稱呼，因為它將一個或多個類復(fù)雜的一切都隱藏起來。我依舊舉生活中例子，現(xiàn)在有些朋友家的液晶電視可能是大尺寸的，或者有用投影儀來看電視，打游戲的。有一天我想用家庭影院系統(tǒng)在家里看一次大片。 ...

hosition 2019-08-16 10:47 評論0 收藏0
JS或Jquery

摘要：大潮來襲前端開發(fā)能做些什么去年谷歌和火狐針對提出了的標(biāo)準(zhǔn)，顧名思義，即的體驗方式，我們可以戴著頭顯享受沉浸式的網(wǎng)頁，新的標(biāo)準(zhǔn)讓我們可以使用語言來開發(fā)。 VR 大潮來襲 --- 前端開發(fā)能做些什么去年谷歌和火狐針對 WebVR 提出了 WebVR API 的標(biāo)準(zhǔn)，顧名思義，WebVR 即 web + VR 的體驗方式，我們可以戴著頭顯享受沉浸式的網(wǎng)頁，新的 API 標(biāo)準(zhǔn)讓我們可以使用 ...

CatalpaFlat 2019-08-22 11:17 評論0 收藏0
JS 外觀模式

摘要：外觀模式在中常常用于解決瀏覽器兼容性問題。實現(xiàn)外觀模式不僅簡化類中的接口，而且對接口與調(diào)用者也進行了解耦。外觀模式的優(yōu)勢是易于使用，而且本身也比較輕量級。 1. 簡介外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個一致的界面，此模塊定義了一個高層接口，這個接口值得這一子系統(tǒng)更加容易使用。外觀模式在JS中常常用于解決瀏覽器兼容性問題。 2. 實現(xiàn) 外觀模式不僅簡化類中的接口，而且...

BothEyes1993 2019-08-22 11:18 評論0 收藏0
外觀設(shè)計模式

摘要：外觀設(shè)計模式的優(yōu)點易于使用在實現(xiàn)形式上通常占用較小的內(nèi)存。抽象的注意事項外觀設(shè)計模式雖然少有劣勢，但值得注意的一個問題是性能。當(dāng)我們豎起一個門面時，我們向外展示的只是一種外表，它可能隱藏著一個非同一般的事實。這也就是我們所要說的外觀設(shè)計模式，這種模式為一大段的代碼體提供了一個便捷的高級接口，隱藏了底層復(fù)雜的實現(xiàn)。這種設(shè)計模式簡化代碼的呈現(xiàn)形式，給開發(fā)人員一個API，同時也能提高代碼的...

zzbo 2019-08-21 18:30 評論0 收藏0
JS設(shè)計模式之Facade（外觀）模式

摘要：概念模式為更大的代碼提供了一個方便的高層次接口，能夠隱藏其底層的真是復(fù)雜性。參考設(shè)計模式設(shè)計模式系列文章設(shè)計模式之模塊模式揭示模塊模式設(shè)計模式之單例模式設(shè)計模式之外觀模式概念 Facade模式為更大的代碼提供了一個方便的高層次接口，能夠隱藏其底層的真是復(fù)雜性。可以把它想成是簡化API來展示給其他開發(fā)人員。優(yōu)缺點優(yōu)點簡化接口使用者與代碼解耦易于使用缺點存在隱性成本，性...

xiaodao 2019-08-23 13:57 評論0 收藏0