JavaScript设计模式:单例模式

单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。

单例模式是一种常用的模式，有一些对象我们往往只需要创建一个，比如线程池，全局缓存，浏览器中的window对象等。在JS开发中，单例模式的用途同样非常广泛，比如当我们单击一个登陆按钮的时候，页面会浮现一个登陆窗口，而且这个窗口是唯一的，无论点击多少次登陆按钮，这个窗口只会被创建一次，那么这个窗口就适合用单例模式来创建。

首先我们先实现一个“透明”的单例类，使用CreateDiv单例类，它的作用是负责在页面中创建唯一的DIV节点，代码如下：

varCreatDiv=(function(){

varinstance;

varCreateDiv=function(html){

if(instance){

returninstance

}

this.html=html;

this.init();

returninstance=this;

};

CreateDiv.prototype.innit=function(){

vardiv=document.createElement('div');

div.innerHTML=this.html;

document.body.appendChild(div);

};

returnCreateDiv;

})();

vara=newCreatDiv('Tom');

varb=newCreatDiv('Jack');

alert(a==b);//true

通过上面这个例子，我们可以能看出，单例模式的大体思想就是先判断这个例子是否存在。转换成代码就是下面这个意思：

var obj;

if(!obj){

obj=xxx;

}

现在我们了解了一些单例模式的实现方法，接下来我们再看惰性单例。惰性单例指的是在需要的时候才创建对象实例，惰性单例是单例模式的重点。就那刚才那个登陆窗口来说，其实用户只是单纯浏览网站时候，其实不需要进行登陆。按照我自己之前的开发方式，就是在页面初始化的时候就创建了这么一个窗口，再将它display为none。学习了单例模式后，发现有更好的办法，那就是惰性单例：只有当用户点击登陆时候我才开始创建并显示这个窗口，然后当用户多次点击登陆时候，其实显示的是同一个登陆窗口。

另外，我们把创建实例对象的职责和管理单例的职责分别放在两个方法里，这两个方法可以独立变化而互不影响，当它们连接在一起的时候，就完成了创建唯一实例对象的功能。这样的做法体现了单一职责原则。上代码，哈哈

vargetSingle=function(fn){

varresult;

return function(){

returnresult||(result=fn.apply(this,arguments));

}

};

varcreateLoginLayer=function(){

vardiv=document.createElement('div');

div.innerHTML='我是登录框';

div.style.display='none';

document.body.appendChild(div);

returndiv;

};

varcreatSingleLoginLayer=getSingle(createLoginLayer);

//假设【登陆】按钮的id是loginBtn

document.getElementById('loginBtn').onclick=function(){

varloginLayer=creatSingleLoginLayer();

loginLayer.style.display='none';

};

备注：以上内容都是我自己在看《JavaScript设计模式与开发实践》，自己总结里面的知识点，一名知识的搬运工... 哈哈