JS 設計模式十一（外觀模式）

ISherry 發布于2019-08-19 18:23 / 3045人閱讀

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

外觀模式

為子系統中的一組接口提供一個一致的界面，Facade模式定義了一個高層接口，這個接口使得這一子系統更加容易使用。隱藏系統的復雜性，并向客戶端提供了一個客戶端可以訪問系統的接口。降低訪問復雜系統的內部子系統時的復雜度。在客戶端和復雜系統之間再加一層，將調用順序、依賴關系等處理好。

實例

模擬電腦啟動，假設電腦啟動順序：啟動CPU，啟動內存，啟動硬盤，加載數據等。

代碼

// 外觀模式     
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();

外觀模式優點

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

適用場景：

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

GPU云服務器云服務器外觀模式 JS設計模式 js繼承模式 js模式化窗口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79532.html

忘了再看設計模式-行為型

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

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

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

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

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

HtmlCssJs 2019-06-28 14:29 評論0 收藏0
JS或Jquery

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

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

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

BothEyes1993 2019-08-22 11:18 評論0 收藏0