单例模式
是一种常见的设计模式，在应用这个模式时，必须保证单例对象的类只有一个实例存在；这样全局拥有一个对象，有利于我们进行系统调整。
把描述同一件事物的属性和方法放在同一段堆内存中，起到分组的作用，防止冲突；这样不同事物间即使属性名一样也不会发生冲突，这种分组的编写代码模式叫做单例模式；在单例模式中把对象名叫做命名空间。
单例模式是一种项目开发中经常使用的模式，可以使用单例模式进行模块化开发。
应用场景
当我们需要多人合作完成一个项目，但是有一些操作是同样的操作时（例如：点击按钮显示加载的遮罩层；例如：提交表单时的验证都是一样的），这个时候我们就需要单例模式。
缺点
我们可以通过操作直接对象中的属性改变了原有的值。
实例
有这样一个常见的需求，点击某个按钮的时候需要在页面弹出一个遮罩层。比如web.qq.com点击登录的时候.
这个生成灰色背景遮罩层的代码是很好写的.
var createMask = function(){
return document.body.appendChild( document.createElement('div') );
}
$( 'button' ).click( function(){
Var mask = createMask();
mask.show();
})
问题是, 这个遮罩层是全局唯一的, 那么每次调用createMask都会创建一个新的div, 虽然可以在隐藏遮罩层的把它remove掉. 但显然这样做不合理.
再看下第二种方案, 在页面的一开始就创建好这个div. 然后用一个变量引用它.
var mask = document.body.appendChild( document.createElement( 'div' ) );
$( 'button' ).click( function(){
mask.show();
} )
这样确实在页面只会创建一个遮罩层div, 但是另外一个问题随之而来, 也许我们永远都不需要这个遮罩层, 那又浪费掉一个div, 对dom节点的任何操作都应该非常吝啬.
如果可以借助一个变量. 来判断是否已经创建过div呢?
var mask;
var createMask = function(){
if ( mask ) return mask;
else{
mask = document,body.appendChild( document.createElement('div') );
return mask;
}
}
看起来不错, 到这里的确完成了一个产生单列对象的函数. 我们再仔细看这段代码有什么不妥.
首先这个函数是存在一定副作用的, 函数体内改变了外界变量mask的引用, 在多人协作的项目中, createMask是个不安全的函数. 另一方面, mask这个全局变量并不是非需不可. 再来改进一下.
var createMask = function(){
var mask;
return function(){
return mask || ( mask = document.body.appendChild( document.createElement('div') ) )
}
}()
用了个简单的闭包把变量mask包起来, 至少对于createMask函数来讲, 它是封闭的
