成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

javascript設(shè)計(jì)模式－－單例模式

Labradors / 1173人閱讀

摘要：?jiǎn)卫Ｊ娇偨Y(jié)什么是單例模式單例模式的定義是一個(gè)類(lèi)僅有一個(gè)實(shí)例，并且可以在全局訪(fǎng)問(wèn)。這符合了單例模式的核心確保實(shí)例只有一個(gè)。創(chuàng)建一個(gè)新的單例使用管理原文鏈接設(shè)計(jì)模式單例模式

javascript單例模式總結(jié)

1.什么是單例模式？

單例模式的定義是：一個(gè)類(lèi)僅有一個(gè)實(shí)例，并且可以在全局訪(fǎng)問(wèn)。
在日常開(kāi)發(fā)中，單例模式的使用十分廣泛。例如開(kāi)發(fā)登錄浮窗，我們無(wú)論點(diǎn)擊登錄按鈕多少次，浮窗都只會(huì)創(chuàng)建一次。
這時(shí)，浮窗就很適合使用單例模式來(lái)創(chuàng)建。

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

var CreatePopbox = function(html){
    this.html = html;
    this._init();
};

CreatePopbox.prototype._init = function(){
    this.div = document.createElement("div");
    this.div.innerHTML = this.html;
    this.div.style.display = "none";
    document.body.appendChild(this.div);

};

CreatePopbox.prototype.show = function(){
    this.div.style.display = "block";
};

CreatePopbox.prototype.hide = function(){
    this.div.style.display = "none";
};

//通過(guò)代理函數(shù)達(dá)到單例模式的效果

var proxysingleCreatePopbox = (function(){
    var instance;
    return function(html){
        if(!instance){
            instance = new CreatePopbox(html);
        }
        return instance;
    }
})();


//創(chuàng)建CreatePopbox:

var a = new proxysingleCreatePopbox("this is a");
var b = new proxysingleCreatePopbox("this is b");

console.log(a === b);  //true

可以看到，a和b都指向了同一個(gè)實(shí)例，執(zhí)行new proxysingleCreatePopbox("this is b") 時(shí)，并不會(huì)重新生成一個(gè)新的CreatePopbox。
這符合了單例模式的核心：確保實(shí)例只有一個(gè)。

通過(guò)以上例子，我們已經(jīng)了解單例模式的實(shí)現(xiàn)方式，但還有一些缺陷：


創(chuàng)建對(duì)象和單例管理的邏輯都合在proxysingleCreatePopbox里邊，當(dāng)需要?jiǎng)?chuàng)建其他單例時(shí)，只能把proxysingleCreatePopbox拷貝一次。

因此，我們需要把代碼再改造一下，把不變的部分隔離出來(lái)。

//
var getSingle = function(fn){
  var singleObj;
  return function(obj){
    if(!singleObj){
      singleObj = new fn(obj);
    }
    return singleObj;
  }
}



var CreatePopbox = function(opation){
  this.html = opation.html;
  this._init();
};

CreatePopbox.prototype._init = function(){
  this.div = document.createElement("div");
  this.div.innerHTML = this.html;
  document.body.appendChild(this.div);
};

var singlePopbox = getSingle(CreatePopbox);

var a = new singlePopbox({html:"this is a"});

//創(chuàng)建一個(gè)新的單例

var CreateTipbox = function(opation){
  this.div = document.createElement("div");
  this.div.style.color = opation.color;
  this.div.innerHTML = opation.html;
  document.body.appendChild(this.div);
} 

//使用getSingle管理
var singleTipbox = getSingle(CreateTipbox);
var b = new singleTipbox({html:"this is b",color:"#f00"});

原文鏈接：javascript設(shè)計(jì)模式－－單例模式

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/83802.html

相關(guān)文章

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

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

    betacat 評(píng)論0 收藏0

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

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

    zhaot 評(píng)論0 收藏0

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

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

    selfimpr 評(píng)論0 收藏0

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

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

    xialong 評(píng)論0 收藏0

  • JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐 | 04 - 單例模式

    摘要：觀察構(gòu)造函數(shù)的代碼，該構(gòu)造函數(shù)實(shí)際上負(fù)責(zé)了兩件事情第一是創(chuàng)建對(duì)象和執(zhí)行初始化方法，第二是保證只有一個(gè)對(duì)象。惰性單例在實(shí)際開(kāi)發(fā)中非常有用，是單例模式的重點(diǎn)。 單例模式 單例模式的定義是： 保證一個(gè)類(lèi)僅有一個(gè)實(shí)例，并提供一個(gè)訪(fǎng)問(wèn)它的全局訪(fǎng)問(wèn)點(diǎn)。 單例模式是一種常用的模式，有一些對(duì)象我們往往只需要一個(gè)，比如線(xiàn)程池、全局緩存、瀏覽器的window對(duì)象等。例如，當(dāng)我們點(diǎn)擊登錄按鈕時(shí)，頁(yè)面會(huì)彈出一...

    awkj 評(píng)論0 收藏0

  • 再遇設(shè)計(jì)模式之JavaScript篇

    摘要：在面向?qū)ο蟮恼Z(yǔ)言中，比如，等，單例模式通常是定義類(lèi)時(shí)將構(gòu)造函數(shù)設(shè)為，保證對(duì)象不能在外部被出來(lái)，同時(shí)給類(lèi)定義一個(gè)靜態(tài)的方法，用來(lái)獲取或者創(chuàng)建這個(gè)唯一的實(shí)例。 萬(wàn)事開(kāi)頭難，作為正經(jīng)歷菜鳥(niǎo)賽季的前端player，已經(jīng)忘記第一次告訴自己要寫(xiě)一些東西出來(lái)是多久以的事情了。。。如果，你也和我一樣，那就像我一樣，從現(xiàn)在開(kāi)始，從看到這篇文章開(kāi)始，打開(kāi)電腦，敲下你的第一篇文章（或者任何形式的文字）吧。 ...

    Clect 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<