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 相关文章推荐
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
Apr 14 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
快速解决vue动态绑定多个class的官方实例语法无效的问题
Sep 05 Javascript
vue实现条件叠加搜索的解决方法
May 28 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
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
js数组操作常用方法
2014/05/08 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
python装饰器初探(推荐)
2016/07/21 Python
Python 文件操作的详解及实例
2017/09/18 Python
Python Socket使用实例
2017/12/18 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
Python----数据预处理代码实例
2019/03/20 Python
Python 3 判断2个字典相同
2019/08/06 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
高中政治教学反思
2014/01/18 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
物业管理工作方案
2014/05/10 职场文书
酒店端午节活动方案
2014/08/26 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
公司致全体员工的感谢信
2019/06/24 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL