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 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
Apr 27 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
bootstrap daterangepicker汉化以及扩展功能
Jun 15 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
PHP+javascript液晶时钟
2006/10/09 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
php实现天干地支计算器示例
2014/03/14 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
2015/02/28 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
js图片上传的封装代码
2017/08/01 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
python基于phantomjs实现导入图片
2016/05/13 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
jupyter notebook 多行输出实例
2020/04/09 Python
New Balance澳大利亚官网:运动鞋和健身服装
2019/02/23 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
《欢乐的泼水节》教学反思
2014/04/22 职场文书
森林防火标语
2014/06/23 职场文书
写得不错的求职信范文
2014/07/11 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
安徽导游词
2015/02/12 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP