javascript 單例/單體模式(Singleton)
更新時間：2011年04月07日 21:57:09 作者：
首先，單例模式是對象的創(chuàng)建模式之一，此外還包括工廠模式。
單例模式的三個特點：
1，該類只有一個實例
2，該類自行創(chuàng)建該實例(在該類內(nèi)部創(chuàng)建自身的實例對象)
3，向整個系統(tǒng)公開這個實例接口
Java中大概是這個樣子
class Singleton {
//私有，靜態(tài)的類自身實例
private static Singleton instance = new Singleton();
//私有的構(gòu)造子(構(gòu)造器,構(gòu)造函數(shù),構(gòu)造方法)
private Singleton(){}
//公開，靜態(tài)的工廠方法
public static Singleton getInstance() {
return instance;
}
}
使用時
Singleton obj = Singleton.getInstance();
這個單例類在自身被加載時instance會被實例化，即便加載器是靜態(tài)的。因此，對于資源密集，配置開銷較大的單體更合理的做法是將實例化(new)推遲到使用它的時候。即惰性加載(Lazy loading)，它常用于那些必須加載大量數(shù)據(jù)的單體。修改下
class LazySingleton {
//初始為null，暫不實例化
private static LazySingleton instance = null;
//私有的構(gòu)造子(構(gòu)造器,構(gòu)造函數(shù),構(gòu)造方法)
private LazySingleton(){}
//公開，靜態(tài)的工廠方法，需要使用時才去創(chuàng)建該單體
public static LazySingleton getInstance() {
if( instance == null ) {
instance = new LazySingleton();
}
return instance;
}
}
使用方式同上。
單例模式是Javascript最基本，最有用的模式之一。它提供了一種將代碼組織為一個邏輯單元的手段，這個邏輯單元中的代碼通過單一的變量進(jìn)行訪問。
單體在Javascipt中有許多用處，可以用來劃分命名空間，以減少全局變量的泛濫。還可以用在分支技術(shù)中用來處理各瀏覽器的差異。
Javascript中單例模式的實現(xiàn)方式有多種，每一種都有自身的優(yōu)點或缺點。
1，對象直接量實現(xiàn)最基本，最簡單的單體
var Singleton = {
attr1 : 1,
attr2 : 'hello',
method1 : function(){alert(this.attr2);},
method2 : function(arg){}
}
這種方式中，對象所有成員都通過Singleton加點號訪問。所有成員是公開的，沒有私有的。在執(zhí)行到變量Singleton時，會加載(實例化)自身，即非惰性加載。
此外method1用this訪問單體的其它成員會存在一些風(fēng)險，因為method1的上下文不是總是指向Singleton對象。
比如當(dāng)把method1作為事件監(jiān)聽器時，this可能指向的是dom元素，這時可能會提示undefined。
2，閉包實現(xiàn)私有成員的單體
var Singleton = function(){
var attr = 1, fn = function(){};
return {
method : function(){ fn(); },
getAttr : function(){ return attr; }
};
}();
這種方式中var定義私有的成員屬性attr，方法fn，然后返回一個公開的接口method和getAttr。今后修改實現(xiàn)時，接口方法method和getAttr不變，只需修改私有的attr和fn的具體實現(xiàn)。使用如下
Singleton.method();
Singleton.getAttr();
3，閉包實現(xiàn)私有成員的惰性實例化單體
var LazySingleton = function(){
var attr = 1, fn = function(){};
var obj = {
method : function(){ fn(); },
getAttr : function(){ return attr; }
};
function init(){
return obj;
}
return {getInstace: init};
}();
適用場合上面已經(jīng)提到：對于那些必須加載大量數(shù)據(jù)的單體直到需要使用它的時候才實例化。使用方式是這樣的
LazySingleton.getInstance().method();
LazySingleton.getInstance().getAttr();
1，該類只有一個實例
2，該類自行創(chuàng)建該實例(在該類內(nèi)部創(chuàng)建自身的實例對象)
3，向整個系統(tǒng)公開這個實例接口
Java中大概是這個樣子
復(fù)制代碼 代碼如下:
class Singleton {
//私有，靜態(tài)的類自身實例
private static Singleton instance = new Singleton();
//私有的構(gòu)造子(構(gòu)造器,構(gòu)造函數(shù),構(gòu)造方法)
private Singleton(){}
//公開，靜態(tài)的工廠方法
public static Singleton getInstance() {
return instance;
}
}
使用時
復(fù)制代碼 代碼如下:
Singleton obj = Singleton.getInstance();
這個單例類在自身被加載時instance會被實例化，即便加載器是靜態(tài)的。因此，對于資源密集，配置開銷較大的單體更合理的做法是將實例化(new)推遲到使用它的時候。即惰性加載(Lazy loading)，它常用于那些必須加載大量數(shù)據(jù)的單體。修改下
復(fù)制代碼 代碼如下:
class LazySingleton {
//初始為null，暫不實例化
private static LazySingleton instance = null;
//私有的構(gòu)造子(構(gòu)造器,構(gòu)造函數(shù),構(gòu)造方法)
private LazySingleton(){}
//公開，靜態(tài)的工廠方法，需要使用時才去創(chuàng)建該單體
public static LazySingleton getInstance() {
if( instance == null ) {
instance = new LazySingleton();
}
return instance;
}
}
使用方式同上。
單例模式是Javascript最基本，最有用的模式之一。它提供了一種將代碼組織為一個邏輯單元的手段，這個邏輯單元中的代碼通過單一的變量進(jìn)行訪問。
單體在Javascipt中有許多用處，可以用來劃分命名空間，以減少全局變量的泛濫。還可以用在分支技術(shù)中用來處理各瀏覽器的差異。
Javascript中單例模式的實現(xiàn)方式有多種，每一種都有自身的優(yōu)點或缺點。
1，對象直接量實現(xiàn)最基本，最簡單的單體
復(fù)制代碼 代碼如下:
var Singleton = {
attr1 : 1,
attr2 : 'hello',
method1 : function(){alert(this.attr2);},
method2 : function(arg){}
}
這種方式中，對象所有成員都通過Singleton加點號訪問。所有成員是公開的，沒有私有的。在執(zhí)行到變量Singleton時，會加載(實例化)自身，即非惰性加載。
此外method1用this訪問單體的其它成員會存在一些風(fēng)險，因為method1的上下文不是總是指向Singleton對象。
比如當(dāng)把method1作為事件監(jiān)聽器時，this可能指向的是dom元素，這時可能會提示undefined。
2，閉包實現(xiàn)私有成員的單體
復(fù)制代碼 代碼如下:
var Singleton = function(){
var attr = 1, fn = function(){};
return {
method : function(){ fn(); },
getAttr : function(){ return attr; }
};
}();
這種方式中var定義私有的成員屬性attr，方法fn，然后返回一個公開的接口method和getAttr。今后修改實現(xiàn)時，接口方法method和getAttr不變，只需修改私有的attr和fn的具體實現(xiàn)。使用如下
復(fù)制代碼 代碼如下:
Singleton.method();
Singleton.getAttr();
3，閉包實現(xiàn)私有成員的惰性實例化單體
復(fù)制代碼 代碼如下:
var LazySingleton = function(){
var attr = 1, fn = function(){};
var obj = {
method : function(){ fn(); },
getAttr : function(){ return attr; }
};
function init(){
return obj;
}
return {getInstace: init};
}();
適用場合上面已經(jīng)提到：對于那些必須加載大量數(shù)據(jù)的單體直到需要使用它的時候才實例化。使用方式是這樣的
復(fù)制代碼 代碼如下:
LazySingleton.getInstance().method();
LazySingleton.getInstance().getAttr();
您可能感興趣的文章:
- JavaScript設(shè)計模式之單體模式全面解析
- JavaScript中實現(xiàn)單體模式分享
- javascript 設(shè)計模式之單體模式 面向?qū)ο髮W(xué)習(xí)基礎(chǔ)
- javascript設(shè)計模式之模塊模式學(xué)習(xí)筆記
- javascript設(shè)計模式之策略模式學(xué)習(xí)筆記
- JavaScript 設(shè)計模式 安全沙箱模式
- javascript設(shè)計模式 接口介紹
- 小議javascript 設(shè)計模式 推薦
- JavaScript設(shè)計模式之觀察者模式（發(fā)布者-訂閱者模式）
- javascript設(shè)計模式之單體模式學(xué)習(xí)筆記
相關(guān)文章
返回unix時間戳所對應(yīng)的具體時間的代碼2010-07-07
在客戶端中，要對字符串編碼，可以采用：escape（）；encodeurl（）；encodeURIComponent（）；下面我們就來具體講解下這幾個方法。2015-05-05
整理Javascript數(shù)組學(xué)習(xí)筆記
整理Javascript數(shù)組學(xué)習(xí)筆記,之前一系列的文章是跟我學(xué)習(xí)Javascript，本文就是進(jìn)一步學(xué)習(xí)javascript數(shù)組，希望大家繼續(xù)關(guān)注2015-11-11
JS加jquery簡單實現(xiàn)標(biāo)簽元素的顯示或隱藏
標(biāo)簽元素的顯示或隱藏在使用中還是挺頻繁的，下面有個不錯的示例，大家可以參考下，或許有所幫助2013-09-09
layer.alert回調(diào)函數(shù)執(zhí)行關(guān)閉彈窗的實例
今天小編就為大家分享一篇layer.alert回調(diào)函數(shù)執(zhí)行關(guān)閉彈窗的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
fileupload控件 文件類型客戶端驗證實現(xiàn)代碼
客戶端JS驗證fileupload控件，設(shè)置只允許特定的文件類型 ，當(dāng)然服務(wù)器端更要判斷啊。這里是為了后臺驗證的更順利。2009-11-11
這篇文章主要介紹了微信小程序生成二維碼的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
本文解決方案的基本思路是點擊就將按鈕設(shè)為disabled,然后根據(jù)cookie判斷是否設(shè)置過期時間,將手機利用ajax提交到后臺的發(fā)短信接口，就可以了2015-05-05
這篇文章主要介紹了8 個有用的JS技巧(推薦)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-07-07
這篇文章主要介紹了e2e測試之cypress的使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04