Javascript实现单例模式


Posted in Javascript onJanuary 24, 2016

单例模式也称作为单子模式,更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。

单例模式的介绍:

    在应用单例模式时,生成单例的类必须保证只有一个实例的存在,很多时候整个系统只需要拥有一个全局对象,才有利于协调系统整体的行为。比如在整个系统的配置文件中,配置数据有一个单例对象进行统一读取和修改,其他对象需要配置数据的时候也统一通过该单例对象来获取配置数据,这样就可以简化复杂环境下的配置管理。

    单例模式的思路是:一个类能返回一个对象的引用(并且永远是同一个)和一个获得该实例的方法(静态方法,通常使用 getInstance 名称)。那么当我们调用这个方法时,如果类持有的引用不为空就返回该引用,否者就创建该类的实例,并且将实例引用赋值给该类保持的那个引用再返回。同时将该类的构造函数定义为私有方法,避免其他函数使用该构造函数来实例化对象,只通过该类的静态方法来得到该类的唯一实例。

一般情况下,Javascript每次new一个对象就产生一个实例,实例指向不同的地址。就像如下:

(function(){
function Person(name){
this.name = name;
}
Person.prototype.work = function(){
console.log(this.name + " is working");
}
var p1 = new Person("Darren");
p1.work();
var p2 = new Person("Jack");
p2.work();
}());

以上,每次new出一个Person对象都是不同的。

如何在Javascript中实现单例模式呢?

--在生成某各对象时先判断是否存在。存在就不生成对象,不存在就生成对象。

(function(){
var PersonSingleton = (function(){
var instance;
function init(){
return {
name: 'Anonymous',
work: function(){
console.log(this.name + ' working');
}
};
}
return {
getInstance: function(){
if(!instantiated){
instantiated = init();
}
return instantiated;
}
}
})();
var p1 = PersonSingleton.getInstance();
p1.work();
var p2 = PersonSingleton.getInstance();
p2.work();
}());

以上,通过PsonSIngleton对象的getInstance方法得到的实例每次都是一样的。

关于javascript单例模式的相关知识就给大介绍到这里,希望对大家有所帮助。

Javascript 相关文章推荐
一些技巧性实用js代码小结
Oct 14 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
angular directive的简单使用总结
May 24 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
详解基于原生JS验证表单组件xy-form
Aug 20 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
原生JavaScript实现滚动条效果
Mar 24 #Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 #Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
Jan 23 #Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 #Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 #Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 #Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 #Javascript
You might like
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
在Vue中使用Compass的方法
2018/03/02 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
现场活动策划方案
2014/08/22 职场文书
学校创先争优活动总结
2014/08/28 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
销售人员工作自我评价
2014/09/21 职场文书
检讨书范文大全
2015/05/07 职场文书
辞职信格式范文
2015/05/13 职场文书
指导教师推荐意见
2015/06/05 职场文书
思想品德课教学反思
2016/02/24 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技