javascript 单例模式详解及简单实例
来源:才华咖 本文已影响1.8W人
来源:才华咖 本文已影响1.8W人
在Javascript中,单例模式是一种最基本又经常用到的设计模式,可能在不经意间就用到了单例模式。
本文将从最基础的理论开始,讲述单例模式的基本概念和实现,最后用一个例子来讲述单例模式的应用。
理论基础
概念
单例模式,顾名思义就是只有一个实例存在。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统资源。如果希望在系统中某个类的对象只能存在一个,单例模式是最好的解决方案。
基本结构
最简单的单例模式起始就是一个对象字面量,它将有关联的属性和方法组织到一起。
var singleton = { prop:"value", method:function(){ }}
这种形式的单例模式,所有成员都是公开的,都可以通过singleton来访问。这样的缺点是单例中有一些辅助的方法并不希望暴露给使用者,如果使用者用了这些方法,然后在后面维护的时候,一些辅助方法被删除,这样会造成程序错误。
如何避免这样从的错误呢?
包含私有成员的单例模式
要怎么在类中创建私有成员呢,这通过需要闭包来进行实现,关于闭包的.知识,本文不再赘述,大家可以自行Google。
基本形式如下:
var singleton = (function () { var privateVar = "private"; return { prop: "value", method: function () { (privateVar); } } })();
首先是一个自执行的匿名函数,在匿名函数中,声明了一个变量privateVar,返回一个对象赋值给单例对象singleton。在匿名函数外部无法访问到privateVar变量,它就是单例对象的私有变量,只能在函数内部或通过暴露出来的方法去访问这个私有变量。这种形式又被成为模块模式。
惰性实例化
不管是直接字面量或者私有成员的单例模式,两者都是在脚本加载时就被创建出来的单例,但是有时候,页面可能永远也用不到这个单例对象,这样会造成资源浪费。对于这种情况,最佳的处理方式就是惰性加载,就是说在需要的时候才去真正实例化这个单例对象,如何实现呢?
var singleton = (function () { function init() { var privateVar = "private"; return { prop: "value", method: function () { (privateVar); } } } var instance = null; return { getInstance: function () { if (!instance) { instance = init(); } return instance; } } })();
首先将创建单例对象的代码封装到init函数中,然后声明一个私有变量instance表示单例对象的实例,公开一个方法getInstance来获取单例对象。
调用的时候就通过nstance()来进行调用,单例对象是在调用getInstance的时候才真正被创建。
适用场合
单例模式是JS中最常使用的设计模式,从增强模块性和代码组织性等方面来说,应该尽可能的使用单例模式。它可以把相关代码组织到一起便于维护,对于大型项目,每个模块惰性加载可以提高性能,隐藏实现细节,暴露出常用的api。常见的类库比如underscore,jQuery我们都可以将其理解为单例模式的应用。
结合实战
前面已经讲过,单例模式是最常用的设计模式之一,我们来举个例子进行说明,
下面的代码主要实现一个简单的日期帮助类,通过单例模式实现:
基本的单例模式结构
var dateTimeHelper = { now: function () { return new Date(); }, format: function (date) { return ullYear() + "-" + (onth() + 1) + "-" + ate(); } }; (());
这段代码通过对象字面量实现单例模式,使用的时候直接调用方法即可。
惰性加载实现单例模式
var dateTimeHelper = (function () { function init() { return { now: function () { return new Date(); }, format: function (date) { return ullYear() + "-" + (onth() + 1) + "-" + ate(); } } } var instance = null; return { getInstance: function () { if (!instance) { instance = init(); } return instance; } } })(); (nstance()())
这就是惰性加载的单例模式。
下面再来看几个实例:
实现1: 最简单的对象字面量
var singleton = { attr : 1, method : function(){ return ; } }var t1 = singleton ;var t2 = singleton ;
那么很显然的, t1 === t2 。
十分简单,并且非常使用,不足之处在于没有什么封装性,所有的属性方法都是暴露的。对于一些需要使用私有变量的情况就显得心有余而力不足了。当然在对于 this 的问题上也是有一定弊端的。
实现2:构造函数内部判断
其实和最初的JS实现有点类似,不过是将对是否已经存在该类的实例的判断放入构造函数内部。
function Construct(){ // 确保只有单例 if( ue !== undefined ){ return ue; } // 其他代码 = "NYF"; ="24"; ue = this;}var t1 = new Construct() ;var t2 = new Construct() ;
那么也有的, t1 === t2 。
也是非常简单,无非就是提出一个属性来做判断,但是该方式也没有安全性,一旦我在外部修改了Construct的unique属性,那么单例模式也就被破坏了。
实现3 : 闭包方式
对于大着 灵活 牌子的JS来说,任何问题都能找到 n 种答案,只不过让我自己去掂量孰优孰劣而已,下面就简单的举几个使用闭包实现单例模式的方法,无非也就是将创建了的单例缓存而已。
var single = (function(){ var unique; function Construct(){ // ... 生成单例的构造函数的代码 } unique = new Constuct(); return unique;})();
只要 每次讲 var t1 = single; var t2 = single;即可。 与对象字面量方式类似。不过相对而言更安全一点,当然也不是绝对安全。
如果希望会用调用 single() 方式来使用,那么也只需要将内部的 return 改为
return function(){ return unique; }
以上方式也可以使用 new 的方式来进行(形式主义的赶脚)。当然这边只是给了闭包的一种例子而已,也可以在 Construct 中判断单例是否存在 等等。 各种方式在各个不同情况做好选着即可。
总结
单例模式的好处在于对代码的组织作用,将相关的属性和方法封装在一个不会被多次实例化的对象中,让代码的维护和调试更加轻松。隐藏了实现细节,可以防止被错误修改,还防止了全局命名空间的污染。另外可以通过惰性加载提高性能,减少不必要的内存消耗。
JavaScript简单实现放大镜效果代码
JavaScript实现的div拖动效果实例代码
关jQuery弹出窗口简单实现代码-javascript编程
javascript闭包的定义及应用实例分析
JavaScript中创建字典对象(dictionary)的实例
JavaScript实例讲解
Javascript 继承实现例子参考
Javascript实例教程如何使用HoTMetal
Javascript实例教程
CSS和JavaScript脚本实例
JavaScript匿名函数实例分析
Javascript到PHP加密通讯的简单实现
Javascript到PHP加密通讯的简单实现方法
用Javascript进行简单的Table点击排序
javascript闭包的介绍理解和讲解实例
javascript 回调函数详解参考
两种实现表单验证的javascript方法
javascript的小数点乘法除法实例
JavaScript中的原型链prototype详解
javascript操作select元素案例分析
单位公函格式详解
JavaScript快速排序实现实例教程
JavaScript简单获取系统当前时间的方法
JavaScript中Cookie操作实际案例
单证员简历范例
Javascript实现全选并赋值给文本框代码实例
javascript 单例模式详解及简单实例
详细解说JavaScript事件
c#和javascript函数相互调用示例
万恶的function在javascript中的运用实例分析
关于javascript中cookie对象用法的实例分析
JavaScript JS入门详细教程
详解javascript中void0的具体含义
常用的JavaScript模式
在JavaScript中操作数组之map()方法的使用示例
如何理解JavaScript表单的基础知识
JavaScript里四舍五入函数round的用法实例
关于JavaScript中的类Class详细介绍
JavaScript fontcolor方法入门实例
简单辞职报告实例