js学习设计模式--单例模式

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

单例模式非常常用，也很容易掌握。很多对象我们通常只需要一个。线程池，全局缓存，浏览器中的window对象，登陆窗口等。

var Singleton = function(name){

this.name = name;

};

Singleton.prototype.getName = function(){

alert(this.name);

}

Singleton.getInstance = (function(){

var instance = null;

return function(name){

if(!instance){

instance = new Singleton(name);

}

return instance;

};

}());

var a = Singleton.getInstance("seven1");//和往常通过new xxx 的方式获取对象不同，需要使用getInstance来获取对象。不透明性！

var b = Singleton.getInstance("seven2");

alert(a===b);

//书中给出了实现透明的单例类的方法。

var createDiv = (function(){

var instance;

var CreateDiv = function(html){

if(instance){

return instance;

}

this.html = html;

this.init();

instance = this;

return instance;

}

CreateDiv.init = function(){

var div = document.createElement('div');

div.innerHtml = this.html;

document.body.appendChild(div);

};

return createDiv;

});

var a = new createDiv('seven1');

var b = new createDiv('seven2');

alert(a===b);

//通用惰性单例

var getSingle = function(fn){

var result;

return function(){

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

};

};

var createLoginLayer = function(){

var div = document.createElement('div');

div.innerHtml = '我是登录窗口';

document.body.appendChild(div);

return div;

}

var createSingleLoginLayer = getSingle(createLoginLayer);

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

var loginLayer = createSingleLoginLayer(); 

loginLayer.style.display = 'block';

};

</script>