成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Javascript設(shè)計模式（三）單例模式

孫吉亮 / 3146人閱讀

摘要：單例模式的定義是保證一個類只有僅有一個實例，并提供一個訪問它的全局訪問點。并且按照單一職責(zé)原則類實現(xiàn)功能類管理單例管理單例模式，達到可組合的的效果創(chuàng)建普通類引入代理類惰性單例模式分離創(chuàng)建實例對象的職責(zé)與管理單例的職責(zé)。

單例模式的定義是：保證一個類只有僅有一個實例，并提供一個訪問它的全局訪問點。

單例模式是一種常用的模式，有些對象我們往往只需要一個，比如線程池，全局緩存，window對象。

簡單單例模式

要實現(xiàn)一個單例模式并不復(fù)雜，無非是用一個變量來標(biāo)志當(dāng)前是否已經(jīng)為某個類創(chuàng)建過對象，如果是，則在下一次獲取該類的時候，直接返回之前創(chuàng)建的對象。

var Singleton = function(name) {
    this.name = name
    this.instance = null
}

Singleton.prototype.getName = function() {
    alert(this.name)
}

Singleton.getInstance = function(name) {
    if (!this.instance) {
        this.instance = new Singleton(name)
    }
    return this.instance
}
var a = Singleton.getInstance("sven1")
var b = Singleton.getInstance("sven2")  

alert(a===b) // true

通過Singleton.getInstance來獲取Singleton類的唯一對象，這種方式相對簡單，但有問題，使用者并不知道這是一個單例類

用代理實現(xiàn)的單例模式

我們現(xiàn)在的目標(biāo)是實現(xiàn)一個透明的單例類，用戶從這個類中獲取對象的時候，可以像使用其他普通類一樣。并且按照單一職責(zé)原則,createDiv類實現(xiàn)功能,proxySingletonCreateDiv類管理單例管理單例模式，達到可組合的的效果

// 創(chuàng)建普通類
var CreateDiv = function(html){
    this.html = html
    this.init()
}

CreateDiv.prototype.init = function() {
    var div = document.createComment("div")
    div.innerHTML = this.html
    document.body.appendChild(div)
}

//引入代理類
var proxySingletonCreateDiv = (function() {
    var instance
    return function(html) {
        if (!instance) {
            instance = new CreateDiv(html)
        }
        return instance
    }
})()

var a = new proxySingletonCreateDiv("sven1")
var b = new proxySingletonCreateDiv("sven2")  

alert(a===b) // true
惰性單例模式

分離創(chuàng)建實例對象的職責(zé)與管理單例的職責(zé)。下面用創(chuàng)建一個登陸框舉例

// 管理單例
var getSingle = function(fn) {
    var result
    return function() {
        return result || (result= fn.apply(this, arguments))
    }
}
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"
}

單例模式是一種簡單但非常使用的技術(shù)，特別是惰性單例技術(shù)，在合適的時候才創(chuàng)建對象，并且至創(chuàng)建唯一的一個。更奇妙的是，創(chuàng)建對象和管理單例的職責(zé)被分布在兩個不同的方法中，這兩個方法組合起來才具有單例模式的威力。

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

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

相關(guān)文章

  • javascript單例、代理、狀態(tài)設(shè)計模式

    摘要：代理模式代理模式為一個對象提供一個代用品或占位符，以便控制對于它訪問。這種代理就叫虛擬代理。保護代理用于對象應(yīng)該有不同訪問權(quán)限情況。寫時復(fù)制代理時虛擬代理的一種變體。 一、創(chuàng)建型設(shè)計模式（三大類設(shè)計模式） 創(chuàng)建型設(shè)計模式 --創(chuàng)建說明該類別里面的設(shè)計模式就是用來創(chuàng)建對象的，也就是在不同的場景下我們應(yīng)該選用什么樣的方式來創(chuàng)建對象。 1. 單例模式 ==單例模式（Singleton）==：...

    0xE7A38A 評論0 收藏0

  • JavaScript設(shè)計模式-第一部分：單例模式、組合模式和外觀模式

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

    betacat 評論0 收藏0

  • 【JavaScript設(shè)計模式】單例模式

    摘要：此時我們創(chuàng)建的對象內(nèi)保存靜態(tài)變量通過取值器訪問，最后將這個對象作為一個單例放在全局空間里面作為靜態(tài)變量單例對象供他人使用。 單例模式 又被稱為單體模式，是只允許實例化一次的對象類。有時我們也用一個對象來規(guī)劃一個命名空間，井井有條的管理對象上面的屬性和方法。 傳統(tǒng)的面向?qū)ο笳Z言中單例模式的實現(xiàn)，均是單例對象從類中創(chuàng)建而來，在以類為中心的語言中，這是很常見的做法。如果需要某個對象，就必須先...

    zhaot 評論0 收藏0

  • JavaScript設(shè)計模式----單例模式

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

    selfimpr 評論0 收藏0

  • JavaScript 設(shè)計模式（一）：單例模式

    摘要：停更許久，近期計劃更新設(shè)計模式系列。單例模式是創(chuàng)建型設(shè)計模式的一種。雖然它不是正規(guī)的單例模式，但不可否認確實具備類單例模式的特點。適用場景單例模式的特點，意圖解決維護一個全局實例對象。 停更許久，近期計劃更新：設(shè)計模式系列。 showImg(https://segmentfault.com/img/bVbt7uw?w=800&h=600); 單例模式：限制類實例化次數(shù)只能一次，一個類只...

    xialong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<