JS 設(shè)計模式十一（外觀模式）

ISherry 發(fā)布于2019-08-19 18:23 / 3067人閱讀

摘要：外觀模式為子系統(tǒng)中的一組接口提供一個一致的界面，模式定義了一個高層接口，這個接口使得這一子系統(tǒng)更加容易使用。代碼外觀模式啟動啟動啟動外觀模式優(yōu)點減少系統(tǒng)相互依賴。適用場景為復(fù)雜的模塊或子系統(tǒng)提供外界訪問的模塊。

外觀模式

為子系統(tǒng)中的一組接口提供一個一致的界面，F(xiàn)acade模式定義了一個高層接口，這個接口使得這一子系統(tǒng)更加容易使用。隱藏系統(tǒng)的復(fù)雜性，并向客戶端提供了一個客戶端可以訪問系統(tǒng)的接口。降低訪問復(fù)雜系統(tǒng)的內(nèi)部子系統(tǒng)時的復(fù)雜度。在客戶端和復(fù)雜系統(tǒng)之間再加一層，將調(diào)用順序、依賴關(guān)系等處理好。

實例

模擬電腦啟動，假設(shè)電腦啟動順序：啟動CPU，啟動內(nèi)存，啟動硬盤，加載數(shù)據(jù)等。

代碼

// 外觀模式     
function CPU() {
  this.startup = function () {
    console.log("啟動CPU");
  };
}
function Memory() {
  this.startup = function () {
    console.log("啟動Memory");
  };
}
function Disk() {
  this.startup = function () {
    console.log("啟動Disk");
  };
}
function Computer() {
  var _cpu, _memory, _disk;
  _cpu = new CPU();
  _memory = new Memory();
  _disk = new Disk();
  this.start = function () {
    _cpu.startup();
    _memory.startup();
    _disk.startup();
  }
}

computer = new Computer();
computer.start();

外觀模式優(yōu)點

1.減少系統(tǒng)相互依賴。
2.提高靈活性。
2.提高了安全性。

適用場景：

1.為復(fù)雜的模塊或子系統(tǒng)提供外界訪問的模塊。
2.客戶程序與抽象類的實現(xiàn)部分之間存在著很大的依賴性。引入facade 將這個子系統(tǒng)與客戶以及其他的子系統(tǒng)分離，可以提高子系統(tǒng)的獨立性和可移植性。

云服務(wù)器 GPU云服務(wù)器外觀模式 JS設(shè)計模式 js繼承模式 js模式化窗口

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

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

相關(guān)文章

忘了再看設(shè)計模式-行為型

摘要：推文用設(shè)計模式解構(gòu)三國是一種什么體驗行為型設(shè)計模式一策略模式工廠模式優(yōu)化結(jié)構(gòu)狀態(tài)模式隨著狀態(tài)改變而改變行為。推文狀態(tài)機與狀態(tài)模式責(zé)任鏈模式多個對象依次處理請求前者指定后者。代理模式代理針對一個對象，為了增加控制等中介雙方都是多個，為了解耦。策略模式選擇使用封裝好的一系列算法，可相互替換。類比：商店[Context]買完衣服買單[Stratege]（現(xiàn)金[Concrete Stra...

ShevaKuilin 2019-08-15 12:03 評論0 收藏0
前端面試題小集

摘要：一一個頁面上兩個左右鋪滿整個瀏覽器，要保證左邊的一直為，右邊的跟隨瀏覽器大小變化比如瀏覽器為，右邊為，瀏覽器為，右邊為，請寫出大概的代碼。如果需要使用，最好是通過動態(tài)給添加屬性值，這樣可以繞開以上兩個問題。一、一個頁面上兩個div左右鋪滿整個瀏覽器，要保證左邊的div一直為100px，右邊的div跟隨瀏覽器大小變化（比如瀏覽器為500，右邊div為400，瀏覽器為900，右邊div為...

bawn 2019-08-20 14:15 評論0 收藏0
PHP基礎(chǔ)

摘要：分別為適配器模式，裝飾器模式，代理模式，外觀模式，橋接模式，組合模式，享元模式。設(shè)計模式五適配器模式適配器模式將某個對象的接生成器和協(xié)程的實現(xiàn)在這篇文章中，作者針對那些比較難以理解的概念，以一個更為通俗的方式去講明白。。 PHP 源碼注解 PHP 的詳細源碼注解 PHP 字符串操作整理一些有關(guān)字符串的常用操作。 Redis 常見七種使用場景 (PHP 實戰(zhàn)) 這篇文章主要介紹利用 R...

HtmlCssJs 2019-06-28 14:29 評論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