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

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

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

外觀模式

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

我們來(lái)看一個(gè)例子：

// 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
}

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

import app from "./app"

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

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

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

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

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

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

相關(guān)文章

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

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

hosition 2019-08-16 10:47 評(píng)論0 收藏0
JS或Jquery

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

CatalpaFlat 2019-08-22 11:17 評(píng)論0 收藏0
JS 外觀模式

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

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

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

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

摘要：概念模式為更大的代碼提供了一個(gè)方便的高層次接口，能夠隱藏其底層的真是復(fù)雜性。參考設(shè)計(jì)模式設(shè)計(jì)模式系列文章設(shè)計(jì)模式之模塊模式揭示模塊模式設(shè)計(jì)模式之單例模式設(shè)計(jì)模式之外觀模式概念 Facade模式為更大的代碼提供了一個(gè)方便的高層次接口，能夠隱藏其底層的真是復(fù)雜性?？梢园阉氤墒呛?jiǎn)化API來(lái)展示給其他開(kāi)發(fā)人員。優(yōu)缺點(diǎn) 優(yōu)點(diǎn) 簡(jiǎn)化接口使用者與代碼解耦易于使用缺點(diǎn) 存在隱性成本，性...

xiaodao 2019-08-23 13:57 評(píng)論0 收藏0