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

canopus4u 發(fā)布于2019-08-21 16:55 / 1835人閱讀

摘要：的構(gòu)造函數(shù)實(shí)際上負(fù)責(zé)了兩件事情。有一個(gè)缺點(diǎn)，假如我們某天需要利用這個(gè)類，在頁(yè)面中創(chuàng)建千千萬(wàn)萬(wàn)個(gè)，即要這個(gè)類從單例類變成一個(gè)普通的可產(chǎn)生多個(gè)實(shí)例的類，那我們就要改寫構(gòu)造函數(shù)，把控制創(chuàng)建唯一對(duì)象的那一段去掉，這樣會(huì)給我們帶來(lái)不必要的麻煩。

定義：?jiǎn)卫Ｊ奖ＷC一個(gè)類僅有一個(gè)實(shí)例，并提供一個(gè)訪問(wèn)它的全局訪問(wèn)點(diǎn)。

單例模式是一種常用的模式，有一些對(duì)象我們往往只需要一個(gè)，比如線程池、全局緩存、瀏覽器中的window對(duì)象等。當(dāng)我們創(chuàng)建的對(duì)象只會(huì)被創(chuàng)建一次時(shí)，這個(gè)時(shí)候就適合用單例模式來(lái)創(chuàng)建，因?yàn)楫?dāng)我們點(diǎn)擊登錄按鈕的時(shí)候，頁(yè)面會(huì)出現(xiàn)一個(gè)懸浮窗，而這個(gè)懸浮窗是唯一的，無(wú)論單擊多少次登錄按鈕，這個(gè)只會(huì)被創(chuàng)建一次。

實(shí)現(xiàn)單例模式

實(shí)現(xiàn)一個(gè)標(biāo)準(zhǔn)的單例模式，用一個(gè)變量來(lái)標(biāo)志當(dāng)前是否已經(jīng)為某個(gè)類創(chuàng)建過(guò)對(duì)象，如果是，則在下一次獲取該類的實(shí)例時(shí)，直接返回之前創(chuàng)建的對(duì)象。代碼如下：
var Singleton = function( name ){
    this.name = name;
    this.instance = null;
};
Singleton.prototype.getName = function(){
    alert( this.name );
};
Singleton.getIstance = function( name ){
    if( !instance ){
        this.instance = new Singleton( name );
    }
    return this.instance;
};

var a = Singleton.getInstance( "tom" );
var b = Singleton.getInstance( "sun" );

alert( a===b );    //true

我們通過(guò)Singleton.getInstance來(lái)獲取Singleton類的唯一對(duì)象，簡(jiǎn)單，但有一個(gè)問(wèn)題，就是增加了這個(gè)類的“不透明性”，Singleton類的使用者必須知道這是一個(gè)單例類，跟以往通過(guò)new XXX的方式來(lái)獲取對(duì)象不同，這里偏要使用Singleton.getInstance來(lái)獲取對(duì)象。

透明的單例模式
實(shí)現(xiàn)一個(gè)“透明”的單例類，可以是用戶從這個(gè)類中創(chuàng)建對(duì)象的時(shí)候，可以像使用其他普通函數(shù)一樣。

var createDiv = ( function(){
    var instance;
    var createDiv = function( html ){
        if( instance ){
            return instance;
        }
        this.html = html;
        this.init();
        return instance = this;
    };
    createDiv.prototype.init = function(){
        var div = document.createElement( "div" );
        div.innerHTML = this.html;
        document.body.appendChild( div );
    }
    return createDiv;
})();

var a = new createDiv("tom");
var b = new createDiv("sun");

alert( a === b );    //true

createDiv的構(gòu)造函數(shù)實(shí)際上負(fù)責(zé)了兩件事情。第一是創(chuàng)建對(duì)象和執(zhí)行初始化init方法，第二個(gè)是保證只有一個(gè)對(duì)象。有一個(gè)缺點(diǎn)，假如我們某天需要利用這個(gè)類，在頁(yè)面中創(chuàng)建千千萬(wàn)萬(wàn)個(gè)div，即要這個(gè)類從單例類變成一個(gè)普通的可產(chǎn)生多個(gè)實(shí)例的類，那我們就要改寫createDiv構(gòu)造函數(shù)，把控制創(chuàng)建唯一對(duì)象的那一段去掉，這樣會(huì)給我們帶來(lái)不必要的麻煩。

代理類實(shí)現(xiàn)單例模式
我們現(xiàn)在通過(guò)代理類來(lái)解決透明單例模式提到的問(wèn)題。
通過(guò)引入代理類的方式，把負(fù)責(zé)管理單例的邏輯移到了代理類proxySingDivCreateDiv中，這樣，createDiv就變成了一個(gè)普通類，它跟代理類組合起來(lái)可以實(shí)現(xiàn)單例模式的效果。

var createDiv = function( html ){
    this.html = html;
    this.init();
};

createDiv.prototype.init = function(){
    var div = document.createElement( "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( "tom" );
var b = new proxySingletonCreateDiv( "sun" );

alert( a === b );    //true