javascript設計模式--外觀模式

番茄西紅柿發布于2019-08-21 16:50 / 2487人閱讀

摘要：定義它為子系統中的一組接口提供一個一致的界面，模式定義了一個高層接口，這個接口使得這一子系統更加容易使用。引入外觀角色之后，使用者只需要直接與外觀角色交互，使用者與子系統之間的復雜關系由外觀角色來實現，從而降低了系統的耦合度。

定義

它為子系統中的一組接口提供一個一致的界面， Facade模式定義了一個高層接口，這個接口使得這一子系統更加容易使用。引入外觀角色之后，使用者只需要直接與外觀角色交互，使用者與子系統之間的復雜關系由外觀角色來實現，從而降低了系統的耦合度。

作用：

簡化復雜接口
解耦和，屏蔽使用者對子系統的直接訪問

示例：

function addEvent(dom,type,fn){
    //dom2
    if(dom.addEventListener){
        dom.addEventListener(type,fn,false);
        //不支持dom2的瀏覽器
    }else if(dom.attachEvent){
        dom.attachEvent("on" + type,fn);
        //都不支持的老瀏覽器
    }else{
        dom["on" + type] = fn;
    }
};

function setStyles(content,styles){
    var element = document.getElementById(content);
    for(var key in styles){
        if(styles.hasOwnproperty(key)){
            element.style[key]=styles[k];
        }
    }
}
setStyles("#id",{
    color:"red",
    height:"100px"
});

將多個功能整合成一個調用

GPU云服務器云服務器外觀模式 javascript設計模式 javascript命令模式 javascript嚴格模式

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

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

JavaScript設計模式系列八：外觀模式

摘要：外觀模式外觀模式是指提供一個統一的接口去訪問多個子系統的多個不同的接口，為子系統中的一組接口提供統一的高層接口。外觀模式在我們的日常工作中十分常見。外觀模式外觀模式是指提供一個統一的接口去訪問多個子系統的多個不同的接口，為子系統中的一組接口提供統一的高層接口。使得子系統更容易使用，不僅簡化類中的接口，而且實現調用者和接口的解耦。外觀模式在我們的日常工作中十分常見。我們來看一個例子...

tianren124 2019-08-22 15:58 評論0 收藏0
JavaScript設計模式-第一部分：單例模式、組合模式和外觀模式

摘要：但是，這并不是采用單例的唯一原因。使用命名空間單例模式也被稱為模塊設計模式。函數內部聲明了一些局部函數和或變量。緊隨函數聲明放置即可立即執行外部函數，并將所得的對象文字費賠給變量。 JavaScript設計模式-第一部分：單例模式、組合模式和外觀模式設計模式是一些可靠的編程方式，有助于保證代碼更加易于維護、擴展及分離，所有設計模式在創建大型JavaScript應用程序時均不可或缺單...

betacat 2019-08-20 13:38 評論0 收藏0
JS 外觀模式

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

BothEyes1993 2019-08-22 11:18 評論0 收藏0
《JavaScript 模式》知識點小抄本（下）

摘要：缺點不符合開閉原則，如果要改東西很麻煩，繼承重寫都不合適。預防低水平人員帶來的風險。開閉原則，高拓展性。這里的訂閱者稱為觀察者，而被觀察者稱為發布者，當一個事件發生，發布者會發布通知所有訂閱者，并常常以事件對象形式傳遞消息。介紹最近開始給自己每周訂個學習任務，學習結果反饋為一篇文章的輸出，做好學習記錄。這一周(02.25-03.03)我定的目標是《JavaScript 模式》...

xiguadada 2019-08-23 15:37 評論0 收藏0
外觀設計模式

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

zzbo 2019-08-21 18:30 評論0 收藏0