javascript設(shè)計(jì)模式--外觀模式

番茄西紅柿發(fā)布于2019-08-21 16:50 / 2483人閱讀

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

定義

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

作用：

簡化復(fù)雜接口
解耦和，屏蔽使用者對(duì)子系統(tǒng)的直接訪問

示例：

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"
});

將多個(gè)功能整合成一個(gè)調(diào)用

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/88807.html

相關(guān)文章

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

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

tianren124 2019-08-22 15:58 評(píng)論0 收藏0
JavaScript設(shè)計(jì)模式-第一部分：單例模式、組合模式和外觀模式

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

betacat 2019-08-20 13:38 評(píng)論0 收藏0
JS 外觀模式

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

BothEyes1993 2019-08-22 11:18 評(píng)論0 收藏0
《JavaScript 模式》知識(shí)點(diǎn)小抄本（下）

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

xiguadada 2019-08-23 15:37 評(píng)論0 收藏0
外觀設(shè)計(jì)模式

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

zzbo 2019-08-21 18:30 評(píng)論0 收藏0