JavaScript的單例模式 （singleton in Javascript)
更新時(shí)間：2010年06月11日 00:28:44 作者：
JavaScript的單例模式 （singleton in Javascript)
單例模式的基本結(jié)構(gòu)：
MyNamespace.Singleton = function() {
return {};
}();
比如：
MyNamespace.Singleton = (function() {
return { // Public members.
publicAttribute1: true,
publicAttribute2: 10,
publicMethod1: function() {
...
},
publicMethod2: function(args) {
...
}
};
})();
但是，上面的Singleton在代碼一加載的時(shí)候就已經(jīng)建立了，怎么延遲加載呢？想象C#里怎么實(shí)現(xiàn)單例的:)采用下面這種模式：
MyNamespace.Singleton = (function() {
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
// Control code goes here.
}
}
})();
具體來(lái)說(shuō)，把創(chuàng)建單例的代碼放到constructor里，在首次調(diào)用的時(shí)候再實(shí)例化：
完整的代碼如下：
MyNamespace.Singleton = (function() {
var uniqueInstance; // Private attribute that holds the single instance.
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
if(!uniqueInstance) { // Instantiate only if the instance doesn't exist.
uniqueInstance = constructor();
}
return uniqueInstance;
}
}
})();
復(fù)制代碼 代碼如下:
MyNamespace.Singleton = function() {
return {};
}();
比如：
復(fù)制代碼 代碼如下:
MyNamespace.Singleton = (function() {
return { // Public members.
publicAttribute1: true,
publicAttribute2: 10,
publicMethod1: function() {
...
},
publicMethod2: function(args) {
...
}
};
})();
但是，上面的Singleton在代碼一加載的時(shí)候就已經(jīng)建立了，怎么延遲加載呢？想象C#里怎么實(shí)現(xiàn)單例的:)采用下面這種模式：
復(fù)制代碼 代碼如下:
MyNamespace.Singleton = (function() {
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
// Control code goes here.
}
}
})();
具體來(lái)說(shuō)，把創(chuàng)建單例的代碼放到constructor里，在首次調(diào)用的時(shí)候再實(shí)例化：
完整的代碼如下：
復(fù)制代碼 代碼如下:
MyNamespace.Singleton = (function() {
var uniqueInstance; // Private attribute that holds the single instance.
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
if(!uniqueInstance) { // Instantiate only if the instance doesn't exist.
uniqueInstance = constructor();
}
return uniqueInstance;
}
}
})();
您可能感興趣的文章:
- js單例模式的兩種方案
- JS實(shí)現(xiàn)單例模式的6種方案匯總
- javascript 單例模式演示代碼 javascript面向?qū)ο缶幊?/a>
- 輕松掌握J(rèn)avaScript單例模式
- [js高手之路]單例模式實(shí)現(xiàn)模態(tài)框的示例
- JavaScript設(shè)計(jì)模式之策略模式詳解
- javascript設(shè)計(jì)模式--策略模式之輸入驗(yàn)證
- JavaScript設(shè)計(jì)模式之策略模式實(shí)例
- 學(xué)習(xí)JavaScript設(shè)計(jì)模式之策略模式
- 學(xué)習(xí)JavaScript設(shè)計(jì)模式(策略模式)
- javascript單例模式與策略模式實(shí)例詳解
相關(guān)文章
實(shí)現(xiàn)JavaScript中繼承的三種方式
在JavaScript中，繼承可以通過(guò)三種手法實(shí)現(xiàn)原型鏈繼承 使用apply、call方法 對(duì)象實(shí)例間的繼承。2009-10-10
JavaScript為對(duì)象原型prototype添加屬性的兩種方式
為對(duì)象原型prototype添加屬性的的方法， 需要的朋友可以參考下。2010-08-08
這里用的是Ext core3.0，Ext中用Ext.extend來(lái)定義一個(gè)類(lèi)（當(dāng)然它更多用來(lái)擴(kuò)展一個(gè)類(lèi)），Ext整個(gè)框架各種控件如Panel，MessageBox等都是用Ext.extend方法來(lái)擴(kuò)展。這里僅僅用它來(lái)定義一個(gè)最簡(jiǎn)單的類(lèi)。2009-07-07
JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類(lèi)
使用JavaScript面向?qū)ο笸耆鲇谂既?，因?yàn)榇蟛糠謺r(shí)間我都是在無(wú)圖形界面的環(huán)境下工作，有時(shí)候就算是介入了web客戶端的工作的時(shí)候，在寫(xiě)js和ajax時(shí)，最多的也只是寫(xiě)寫(xiě)function，從沒(méi)有考慮過(guò)要使用JavaScript面向?qū)ο筮@么高級(jí)的技巧。2010-02-02
JavaScript面向?qū)ο?極簡(jiǎn)主義法minimalist approach)
荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱(chēng)這種方法為極簡(jiǎn)主義法（minimalist approach）。這也是我推薦的方法2012-07-07
在JavaScript，可以說(shuō)everything is object，那么什么是對(duì)象？對(duì)象就是包含一組變量和函數(shù)的集合。在其它面向?qū)ο笳Z(yǔ)言中對(duì)象是由類(lèi)的實(shí)例化而來(lái)，JavaScript是基于原型的面向?qū)ο笳Z(yǔ)言，沒(méi)有類(lèi)的概念，對(duì)象派生自現(xiàn)有對(duì)象的副本
2012-06-06 
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對(duì)象和其他基本要素
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對(duì)象和其他基本要素
2010-11-11 
作用主要為了防止類(lèi)名沖突，相同的類(lèi)名只要屬于不同的命名空間，便不會(huì)沖突。
2010-05-05 
JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)三 原型模式（上）
在javaScript面向?qū)ο笤O(shè)計(jì)一和Javascript面向?qū)ο笤O(shè)計(jì)二中分別介紹了工廠模式和構(gòu)造函數(shù)模式，以及他們格式的優(yōu)缺點(diǎn)，今天繼續(xù)講解原型模式
2011-12-12