javascript -- 单例模式

//单例模式（单例模式的核心是确保只有一个实例，并提供全局访问。）
var Create = (function(){
    var instance;
    var Create = function(name){
        if(instance){
            return instance;
        }
        this.name = name;
        return instance = this;
    }
    return Create;
})();

var create1 = new Create("lu");
var create2 = new Create("guiqing");
console.log(create2.name);//lu
console.log(create1.name);//lu
//这里，我们使用了自执行的匿名函数和闭包,用于封装instance变量,但当我们想得到普通的构造函数，这要修改我们的构造函数，会很麻烦，所以下面用代理的单例模式


var Create = function(name){
    this.name = name;
}

var ProxyCreate = (function(){
    var instance;
    return function(name){
        if(instance){
            return instance;
        }
        instance = new Create(name);
        return instance;
    }
})();

var create1 = new Create("normal");
var create2 = new ProxyCreate("gui");
var create3 = new ProxyCreate("qing");

console.log(create1);//normal
console.log(create2);//gui
console.log(create3);//gui

//我们通过把构造函数给提取出来，用代理的方式实现单例

JavaScript 中的单例模式传统的单例模式实现在JavaScript 中并不适用。

var a = {};
当用这种方式创建对象a 时，对象a 确实是独一无二的。如果a 变量被声明在全局作用域下，
则我们可以在代码中的任何位置使用这个变量，全局变量提供给全局访问是理所当然的。这样就
满足了单例模式的两个条件。

但是这种容易造成全局污染

①  通过定义对象字面量来减少全局变量的冲突

②  使用闭包封装私有变量

 

单例的用处

单例模式是一种简单但非常实用的模式，特别是惰性单例技术，在合适的时候才创建对象，并且只创建唯一的一个。

var createLoginLayer = function(){
	console.log("in")
	console.log(this)
	var div = document.createElement( 'div' );
	div.innerHTML = '我是登录浮窗';
	div.style.display = 'none';
	document.body.appendChild( div );
	return div;
};
var getSingle = function( fn ){
	var result;
	　　return function(){
	　　return result || ( result = fn .apply(this, arguments ) );
	}
};
var createSingleLoginLayer = getSingle( createLoginLayer );
document.getElementById( 'loginBtn' ).onclick = function(){
	var loginLayer = createSingleLoginLayer();
	loginLayer.style.display = 'block';
};