JavaScript設(shè)計(jì)模式之單例模式詳解

第JavaScript設(shè)計(jì)模式之單例模式詳解最近項(xiàng)目不太忙，難得有時(shí)間看看書，平時(shí)挺喜歡js這門語(yǔ)言。也看過(guò)很多高級(jí)教程，覺(jué)得自己還是比較熱衷于js的設(shè)計(jì)模式。這一次重溫一下《JavaScript設(shè)計(jì)模式與開發(fā)實(shí)踐》，開篇為單例模式。

*pre單例模式

*定義：保證一個(gè)類僅有一個(gè)實(shí)例，并提供一個(gè)訪問(wèn)它的全局訪問(wèn)點(diǎn)

*應(yīng)用：?jiǎn)卫Ｊ绞且环N常用的模式，有一些對(duì)象我們往往只需要一個(gè)，

*比如線程池、全局緩存、瀏覽器中的window對(duì)象等。

//--------------singleton-01-------------

/*寫法1*/

varSingleton=function(name){

=name;

this.instance=null;

Stotype.getName=function(){

alert();

Singleton.getInstance=function(){

if(!this.instance){

this.instance=newSingleton(name);

returnthis.instance;

vara=Singleton.getInstance("amy");

varb=Singleton.getInstance("ben");

alert(a===b);

//------------singleton-02----------------

/*寫法2*/

varSingleton=function(name){

=name;

Stotype.getName=function(){

return;

Singleton.getInstance=(function(){

varinstance=null;

returnfunction(name){

if(!instance){

instance=newSingleton(name);

returninstance;

})();

vara=Singleton.getInstance("amy");

varb=Singleton.getInstance("ben");

alert(a===b);

//------------singleton03-----------

/*寫法3*/

varSingleton=(function(){

varinstance;

returnfunction(name){

if(instance){

returninstance;

=name;

instance=this;

})();

vara=newSingleton("amy");

varb=newSingleton("ben");

alert(a===b);

//----------------示例---------------

vargetSingleton=function(fn){

varresult;

returnfunction(){

if(!result){

result=fn.apply(this,arguments);

returnresult;

vargetSingletonVip=(function(){

varinstance;

returnfunction(fn){

returninstance||(instance=fn.apply(this,arguments));

})();

varcreateLoginUser=function(){

vardiv=document.createElement("div");

div.innerHTML='這是登錄框';

document.body.appendChild(div);

returndiv;

varcreateInfoGrid=function(){

vardiv=document.createElement("div");

div.innerHTML='這是列表信息框';

document.body.appendChild(div);

returndiv;

//--執(zhí)行singleton1

varcreateUserDiv=getSingleton(createLoginUser);

createUserDiv();

createUserDiv();

//--執(zhí)行singleton2