js单例模式

js实现单例模式，经常使用两种方法，一种是使用构造函数的静态属性中缓存该实例，另一种是将实例包装在闭包中。

第一种实现方式：

//静态属性中单例模式
function Universe() {
    if (typeof Universe.instance === "object") {
        return Universe.instance;
    }
    //正常运行
    this.start_time = 0;
    this.bang = "Big";

    //缓存
    Universe.instance = this;
    //隐式返回
    //return this;
}

var uni = new Universe();
var uni2 = new Universe();
console.log(uni === uni2 );  //true

第二种实现方式：

/闭包中实现单例模式
function Universe(){
    //缓存实例
    var instance = this;
    //正常进行
    this.start_time = 0;
    this.bang = "Big";
    //重写该构造函数
    Universe = function(){
        return instance;
    }
    //隐式返回
    //return this;
}
var uni = new Universe();
var uni2 = new Universe();
console.log(uni == uni2);  //true

上面实现单例模式有个缺点，就是重写构造函数，会丢失所有在初始化和重定义时刻之间添加到它里面的属性，如下

//test
Universe.prototype.nothing = true;
var uni = new Universe();

//在创建初始化对象之后，再次向该原型添加属性
Universe.prototype.something = true;
var uni2 = new Universe();

console.log(uni.nothing);      //true
console.log(uni2.nothing);     //true
console.log(uni2.something);   //undefined
console.log(uni2.something);   //undefined
console.log(uni.constructor.name);         //Universe
console.log(uni.constructor === Universe); //false

其中uni.constructor仍然指向了原始的构造函数。

如果需要使原型和构造函数指针按照预期的那样运行，可以向下面一样改写代码

//如果需要使原型和构造函数指针能够按照预期那样运行，改写如下
function Universe() {
    //缓存实例
    var instance;
    //重写构造函数
    Universe = function Universe() {
        return instance;
    };
    //保留原型属性
    Universe.prototype = this;
    //实例
    instance = new Universe();

    //重置构造函数指针
    instance.constructor = Universe;
    //功能实现
    instance.start_time = 0;
    instance.bang = "Big";

    return instance;
}
//test
Universe.prototype.nothing = true;
var uni = new Universe();
//在创建初始化对象之后，再次向该原型添加属性
Universe.prototype.something = true;
var uni2 = new Universe();

console.log(uni.nothing);      //true
console.log(uni2.nothing);     //true
console.log(uni2.something);   //true
console.log(uni2.something);   //true
console.log(uni.constructor.name);         //Universe
console.log(uni.constructor === Universe); //true

另一种解决方案是将构造函数和实例包装在即使函数中。

var Universe;
(function(){
    var instance;
    Universe = function Universe(){
        if(instance){
            return instance;
        }
        instance = this;

        //所有的功能
        this.start_time = 0;
        this.bang = "BIg";
    }
}());