設(shè)計模式——單例模式

Cheng_Gang 發(fā)布于2019-08-20 10:30 / 3241人閱讀

摘要：單例模式示例描述單例模式的思想在于保證一個特定類僅有一個實例這意味著第二次創(chuàng)建一個新對象時應(yīng)該得到于與第一次創(chuàng)建的對象相同單例的實現(xiàn)邏輯用一個變量來標(biāo)志是否創(chuàng)建過對象如果是則在下次直接返回這個已經(jīng)創(chuàng)建好的對象案例假設(shè)有一個需求是點擊登錄需要

單例模式 示例描述

單例模式的思想在于保證一個特定類僅有一個實例, 這意味著第二次創(chuàng)建一個新對象時, 應(yīng)該得到于與第一次創(chuàng)建的對象相同

單例的實現(xiàn)邏輯: 用一個變量來標(biāo)志是否創(chuàng)建過對象, 如果是, 則在下次直接返回這個已經(jīng)創(chuàng)建好的對象.

    var obj;
    if(!obj) {
        obj = xxx;
    }
    return obj;

案例

假設(shè)有一個需求是點擊登錄需要彈出一個登錄框. 這個登錄窗在頁面里總是唯一的, 不可能同時存在兩個登錄窗口的情況

實現(xiàn)

var createLoginLayer = (function() {
    var div;
    return function() {

        if(!div) {
            div = document.createElement("div");
            div.innerHTML = "登錄窗";
            div.style.display = "none";
            document.body.appendChild( div );
        }

        return div;
    }
})();

通用的惰性單例

var getSingle = function(fn) {
    var result;
    return function() {
        return result || (result = fn.apply(this, arguments));
    }
};

上面使用一個變量result來保存fn的計算結(jié)果. result變量因為身在閉包中, 它永遠(yuǎn)不會被銷毀. 在將來的請求中, 如果result已經(jīng)賦值, 那么它將返回這個值.

完善需求案例

var createLoginLayer = function() {
    var div = document.createElement("div");
    div.innerHTML = "登錄窗";
    div.style.display = "none";
    document.body.appendChild( div );
    return div;
};

var createSingleLoginLayer = getSingle( createLoginLayer );

document.getElementById("loginBtn").onclick = function() {
    var loginLayer = createSingleLoginLayer();
    loginLayer.style.display = "block";
};

GPU云服務(wù)器云服務(wù)器單例模式單例模式實現(xiàn) 單例模式總結(jié) pdo單例模式

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

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

相關(guān)文章

Android中的設(shè)計模式—單例模式

摘要：總結(jié)單例是運用頻率很高的模式，因為客戶端沒有高并發(fā)的情況，選擇哪種方式并不會有太大的影響，出于效率考慮，推薦使用和靜態(tài)內(nèi)部類實現(xiàn)單例模式。單例模式介紹單例模式是應(yīng)用最廣的模式之一，也可能是很多人唯一會使用的設(shè)計模式。在應(yīng)用單例模式時，單例對象的類必須保證只用一個實例存在。許多時候整個系統(tǒng)只需要一個全局對象，這樣有利于我么能協(xié)調(diào)整個系統(tǒng)整體的行為。單例模式的使用場景確保某個類有且...

yzd 2019-08-16 12:38 評論0 收藏0
JavaScript設(shè)計模式----單例模式

摘要：不符合設(shè)計模式中的單一職責(zé)的概念。引入代理實現(xiàn)單例模式引入代理實現(xiàn)單例模式的特點我們負(fù)責(zé)管理單例的邏輯移到了代理類中。的單例模式對比在以上的代碼中實現(xiàn)的單例模式都混入了傳統(tǒng)面向?qū)ο笳Z言的特點。聲明：這個系列為閱讀《JavaScript設(shè)計模式與開發(fā)實踐》 ----曾探@著一書的讀書筆記 1.單例模式的特點和定義保證一個類僅有一個實例，并且提供一個訪問它的全局訪問點。 2.傳統(tǒng)面向?qū)?..

selfimpr 2019-08-21 10:55 評論0 收藏0
JavaScript設(shè)計模式-第一部分：單例模式、組合模式和外觀模式

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

betacat 2019-08-20 13:38 評論0 收藏0
Java設(shè)計模式-單例模式（Singleton Pattern）

摘要：如果需要防范這種攻擊，請修改構(gòu)造函數(shù)，使其在被要求創(chuàng)建第二個實例時拋出異常。單例模式與單一職責(zé)原則有沖突。源碼地址參考文獻設(shè)計模式之禪定義單例模式是一個比較簡單的模式，其定義如下：保證一個類僅有一個實例，并提供一個訪問它的全局訪問點。或者 Ensure a class has only one instance, and provide a global point of ac...

k00baa 2019-08-19 11:43 評論0 收藏0
Java 設(shè)計模式之單例模式

摘要：在設(shè)計模式一書中，將單例模式稱作單件模式。通過關(guān)鍵字，來保證不會同時有兩個線程進入該方法的實例對象改善多線程問題為了符合大多數(shù)程序，很明顯地，我們需要確保單例模式能在多線程的情況下正常工作。在《Head First 設(shè)計模式》一書中，將單例模式稱作單件模式。這里為了適應(yīng)大環(huán)境，把它稱之為大家更熟悉的單例模式。一、了解單例模式 1.1 什么是單例模式單例模式確保一個類只有一個實例，...

everfight 2019-08-19 11:17 評論0 收藏0