JavaScript的单例模式 (singleton in Javascript)_js面向对象
程序员文章站
2022-05-11 16:37:10
...
单例模式的基本结构:
MyNamespace.Singleton = function() {
return {};
}();
比如:
MyNamespace.Singleton = (function() {
return { // Public members.
publicAttribute1: true,
publicAttribute2: 10,
publicMethod1: function() {
...
},
publicMethod2: function(args) {
...
}
};
})();
但是,上面的Singleton在代码一加载的时候就已经建立了,怎么延迟加载呢?想象C#里怎么实现单例的:)采用下面这种模式:
MyNamespace.Singleton = (function() {
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
// Control code goes here.
}
}
})();
具体来说,把创建单例的代码放到constructor里,在首次调用的时候再实例化:
完整的代码如下:
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;
}
}
})();
复制代码 代码如下:
MyNamespace.Singleton = function() {
return {};
}();
比如:
复制代码 代码如下:
MyNamespace.Singleton = (function() {
return { // Public members.
publicAttribute1: true,
publicAttribute2: 10,
publicMethod1: function() {
...
},
publicMethod2: function(args) {
...
}
};
})();
但是,上面的Singleton在代码一加载的时候就已经建立了,怎么延迟加载呢?想象C#里怎么实现单例的:)采用下面这种模式:
复制代码 代码如下:
MyNamespace.Singleton = (function() {
function constructor() { // All of the normal singleton code goes here.
...
}
return {
getInstance: function() {
// Control code goes here.
}
}
})();
具体来说,把创建单例的代码放到constructor里,在首次调用的时候再实例化:
完整的代码如下:
复制代码 代码如下:
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;
}
}
})();
推荐阅读
-
javascript 面向对象的经典实例代码_js面向对象
-
JavaScript 设计模式学习 Singleton_js面向对象
-
javascript new fun的执行过程_js面向对象
-
不错的JavaScript面向对象的简单入门介绍第1/2页_js面向对象
-
javascript new一个对象的实质_js面向对象
-
JavaScript的单例模式 (singleton in Javascript)_js面向对象
-
JavaScript 面向对象的之私有成员和公开成员_js面向对象
-
面向对象设计模式的核心法则_javascript技巧
-
javascript中的对象创建 实例附注释_js面向对象
-
javascript 模式设计之工厂模式学习心得_js面向对象