什么是单例模式？

单例模式是指，类多次实例化返回的对象是同一个。

反例

var tt = function(name){

    this.name = name;

};

var t1 = new tt('t1');

var t2 = new tt('t2');

console.log('t1和t2',t1 === t2);

// => t1和t2 false

上面的代码，t1和t2就不是同一个对象。

同样的实例化方法，我们怎么让t1和t2是同一个对象？

手动创建单例函数

请看如下代码。

var tt = function(name){

    this.name = name;

};

var ttSingleHandle = (function () {

    var instance;

    var singleFn = function(name){

        if (!instance) {

            instance = new tt(name);

        }

        return instance;

    }

    singleFn.prototype.construtor = tt;

    return singleFn;

})();

var t1 = new tt('t1');

var t2 = new tt('t2');

var t5 = new ttSingleHandle('t5');

var t6 = new ttSingleHandle('t6');

console.log('t1和t2',t1 === t2);

console.log('t5和t6',t5 === t6);

// => t1和t2 false

// => t5和t6 true

这里t5和t6是同一个对象。

然而每次手动创建对应的单例函数效率不高，我们可以改造成单例工程函数。

单例工厂函数

var tt = function(name){

    this.name = name;

};

var singleFactory = function (fn) {

    var instance;

    var singleFn = function () {

        if(instance !== undefined){

            return instance;

        }

        else{

            var temp = fn.bind(this, ...arguments);

            instance = new temp();

            return instance;

        }

    };

    singleFn.prototype.construtor = fn;

    return singleFn;

};

var t1 = new tt('t1');

var t2 = new tt('t2');

var ttSingle = singleFactory(tt);

var t3 = new ttSingle('t3');

var t4 = new ttSingle('t4');

console.log('t1和t2',t1 === t2);

console.log('t3和t4',t3 === t4);

// => t1和t2 false

// => t3和t4 true

ES6的单例模式

class Singleton {

    constructor(name) {

        this.name = name;

        this.instance = null;

    }

    static getInstance(name) {

        if(!this.instance) {

            this.instance = new Singleton(name);

        }

        return this.instance;

    }

}

var s1 = Singleton.getInstance('s1');

var s2 = Singleton.getInstance('s2');

console.log(s1 === s2);

// => true

因为截止2018年6月22日，ES6类不支持静态属性，只支持静态函数。

静态属性的支持还在ES7提案中。

假设支持静态属性，那么写法如下。

class Singleton {

    static instance = null

    constructor(name) {

        if (!Singleton.instance) {

            this.name = name;

            instance = this;

        }

        return Singleton.instance;

    }

}

var s1 = new Singleton('s1');

var s2 = new Singleton('s2');

console.log(s1 === s2);

// => true