javascript 单例/单体模式(Singleton)


Posted in Javascript onApril 07, 2011

单例模式的三个特点:
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();
Javascript 相关文章推荐
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
浅谈express 中间件机制及实现原理
Aug 31 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
Nov 24 Javascript
Safari5中alert的无限循环BUG
Apr 07 #Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 #Javascript
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 #Javascript
jQuery为iframe的body添加click事件的实现代码
Apr 07 #Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 #Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 #Javascript
jquery对表单操作2
Apr 06 #Javascript
You might like
php连接mssql数据库的几种方法
2013/02/21 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
用javascript自动显示最后更新时间
2007/03/15 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
浅谈使用Python内置函数getattr实现分发模式
2018/01/22 Python
详解Django的CSRF认证实现
2018/10/09 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
英国第一独立滑雪板商店:The Snowboard Asylum
2020/01/16 全球购物
大一期末自我鉴定
2013/12/13 职场文书
项目副经理岗位职责
2013/12/30 职场文书
女娲补天教学反思
2014/02/05 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
2015年药店工作总结
2015/04/20 职场文书
2016党员干部廉洁自律心得体会
2016/01/13 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript