javascript 单例/单体模式(Singleton)-javascript技巧

时间：2016-04-10

单例模式的三个特点：
1，该类只有一个实例
2，该类自行创建该实例(在该类内部创建自身的实例对象)
3，向整个系统公开这个实例接口
Java中大概是这个样子

代码如下:

 
class Singleton { 
//私有，静态的类自身实例 
private static Singleton instance = new Singleton(); 
//私有的构造子(构造器,构造函数,构造方法) 
private Singleton(){} 
//公开，静态的工厂方法 
public static Singleton getInstance() { 
return instance; 
} 
} 

使用时

代码如下:

Singleton obj = Singleton.getInstance();

这个单例类在自身被加载时instance会被实例化，即便加载器是静态的。因此，对于资源密集，配置开销较大的单体更合理的做法是将实例化(new)推迟到使用它的时候。即惰性加载(Lazy loading)，它常用于那些必须加载大量数据的单体。修改下

代码如下:

 
class LazySingleton { 
//初始为null，暂不实例化 
private static LazySingleton instance = null; 
//私有的构造子(构造器,构造函数,构造方法) 
private LazySingleton(){} 
//公开，静态的工厂方法，需要使用时才去创建该单体 
public static LazySingleton getInstance() { 
if( instance == null ) { 
instance = new LazySingleton(); 
} 
return instance; 
} 
} 

使用方式同上。
单例模式是Javascript最基本，最有用的模式之一。它提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码通过单一的变量进行访问。
单体在Javascipt中有许多用处，可以用来划分命名空间，以减少全局变量的泛滥。还可以用在分支技术中用来处理各浏览器的差异。
Javascript中单例模式的实现方式有多种，每一种都有自身的优点或缺点。
1，对象直接量实现最基本，最简单的单体

代码如下:

 
var Singleton = { 
attr1 : 1, 
attr2 : 'hello', 
method1 : function(){alert(this.attr2);}, 
method2 : function(arg){} 
} 

这种方式中，对象所有成员都通过Singleton加点号访问。所有成员是公开的，没有私有的。在执行到变量Singleton时，会加载(实例化)自身，即非惰性加载。
此外method1用this访问单体的其它成员会存在一些风险，因为method1的上下文不是总是指向Singleton对象。
比如当把method1作为事件监听器时，this可能指向的是dom元素，这时可能会提示undefined。
2，闭包实现私有成员的单体

代码如下:

 
var Singleton = function(){ 
var attr = 1, fn = function(){}; 
return { 
method : function(){ fn(); }, 
getAttr : function(){ return attr; } 
}; 
}(); 

这种方式中var定义私有的成员属性attr，方法fn，然后返回一个公开的接口method和getAttr。今后修改实现时，接口方法method和getAttr不变，只需修改私有的attr和fn的具体实现。使用如下

代码如下:

 
Singleton.method(); 
Singleton.getAttr(); 

3，闭包实现私有成员的惰性实例化单体

代码如下:

 
var LazySingleton = function(){ 
var attr = 1, fn = function(){}; 
var obj = { 
method : function(){ fn(); }, 
getAttr : function(){ return attr; } 
}; 
function init(){ 
return obj; 
} 
return {getInstace: init}; 
}(); 

适用场合上面已经提到：对于那些必须加载大量数据的单体直到需要使用它的时候才实例化。使用方式是这样的

代码如下:

 
LazySingleton.getInstance().method(); 
LazySingleton.getInstance().getAttr(); 

上一条：基于jquery实现的上传图片及图片大小验证、图片预览效果代码-jqu 下一条:js报错 Object doesn''t support this property or method的原

javascript 单例/单体模式(Singleton)-javascript技巧

相关文章

最新文章