一种系统化创建单例的方法

最近在做一些重构的事情，为了能够写出更具有「系统性」的代码，狂补 JS 语言相关的知识，今天给大家分享一种创建通用型单例模型的方法。

你可能这样写过单例：

var Singletion = function(name) {
    this.name = name;
    this.instance = null;
}
Singletion.getInstance = function(name) {
    if (!this.instance) {
        this.instance = new Singletion(name);
    }
    return this.instance;
}
let sing1 = Singletion.getInstance('suyan');
let sing2 = Singletion.getInstance('lefex');
console.log(sing1, '= sing1');
console.log(sing2, '= sing2');
console.log(Singletion.instance, '= Singletion.instance');
console.log('sing1 === sing2 ?', sing1 === sing2); // true

这种做法是最初级的做法，由于 Singletion 是在全局声明的一个类（其实是一个函数，不多说），每次调用 getInstance 来创建一个实例。在创建实例之前先判断是否已经创建了实例，如果创建过则直接返回给调用者。由于 JS 执行时是单线程的，这里忽略多线程的情况。

还有一种升级版，利用闭包的特性来创建一个单例：

Singletion.getInstance = (function(name){
    var instance = null;
    return function(name) {
        if (!instance) {
            instance = new Singletion(name);
        }
        return instance;
    }
})();
let sing1 = Singletion.getInstance('suyan');
let sing2 = Singletion.getInstance('lefex');
console.log(sing1, '= sing1');
console.log(sing2, '= sing2');
console.log(Singletion.instance, '= Singletion.instance');
console.log('sing1 === sing2 ?', sing1 === sing2); // true

当调用 Singletion.getInstance 时，它是一个自执行函数，会立即返回的一个函数，然后在加个 ('suyan') 即调用了这个函数，即 Singletion.getInstance('suyan') 这句话的意思。这种做法与例 1 不同的是，创建的实例变量保存到了闭包中。

上面这种方式，不够系统化，如果想创建一个其它类型的单例，不得不照猫画虎，继续来一遍。那就写一种更通用的方案，声明一个函数 createSingnal ，它只负责创建一个单例，保证创建的实例唯一，至于如何创建实例，创建什么样的实例交给它的参数 fn 来进行处理，这样更符合单一职责原则。「是不是更系统化」。

function createSingnal(fn) {
    var singnal = null;
    return function() {
        if (!singnal) {
            singnal = fn.apply(this, arguments);
        }
        return singnal;
    };
}

假如想创建一个 Person 的单例，我们可以这样写。下面的例子中，自始至终只创建了一个 Person 类。

let Person = function(name) {
    this.name = name;
}
var createPerson = function() {
    console.log('Call only once!');
    let suyan = new Person('suan');
    return suyan;
}


var createPersonSingnal = createSingnal(createPerson);
let suyan = createPersonSingnal();
let lefex = createPersonSingnal();
console.log(suyan);
console.log(lefex);
console.log(suyan === lefex);

假如想创建一个 Animal 的单例，我们可以这样写。

let Animal = function(name) {
    this.name = name;
}
var createAnimal = function() {
    console.log('Call only once!');
    let suyan = new Animal('dog');
    return suyan;
}


var createAnimalSingnal = createSingnal(createAnimal);
let dog1 = createAnimalSingnal();
let dog2 = createAnimalSingnal();
console.log(dog1);
console.log(dog2);
console.log(dog1 === dog2);

是不是觉得很爽，轻松创建一个单例。大家加油！

---

推荐阅读：

学习前端的 7 个专题