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 相关文章推荐
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
20个最新的jQuery插件
Jan 13 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
Apr 25 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 Javascript
JS数组splice操作实例分析
Oct 12 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
在线竞拍系统的PHP实现框架(二)
2006/10/09 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
passwordStrength 基于jquery的密码强度检测代码使用介绍
2011/10/08 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
ES6中数组array新增方法实例总结
2017/11/07 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
2019/11/05 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
python实现俄罗斯方块游戏
2020/03/25 Python
python UDF 实现对csv批量md5加密操作
2021/01/01 Python
python编程的核心知识点总结
2021/02/08 Python
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
新员工欢迎词
2014/01/12 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
优秀的2014年两会精神解读
2014/03/17 职场文书
高中生操行评语
2014/04/25 职场文书
食品销售计划书
2014/04/26 职场文书
土木工程求职信
2014/05/29 职场文书
会计师事务所实习证明
2014/11/16 职场文书
地震捐款简报
2015/07/21 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript
Python基础之进程详解
2021/05/21 Python
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL