JavaScript设计模式(1)——单例模式
#ECMAScript#设计模式#单例模式 2018-04-20

在 JavaScript 中单例模式的应用场景还是比较多的，实现起来也比较简单。大体思路无非就是，第一次调用构造函数时，实例化示例并保存起来。再次调用时直接将第一次实例化的对象返回即可。

实现

一个极简的实现方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var __instance;
function Single() {
    if (__instance) {
        return __instance;
    }
    this.name = 'single';
    this.time = Date.now();
    __instance = this;
    return this;
}
// 验证
var obj1 = new Single();
var obj2 = new Single();
obj1 === obj2 // true

上面使用 __instance 存储第一次调用构造函数时实例化的对象，以后每次调用构造函数都直接返回该对象。实现了单例。

但上例有一个明显的缺点，就是容易造成全局变量的污染，使得 __instance 这个变量并不安全，很容易被外部修改。

当然，如果使用了模块化开发则不用担心该问题，完全可以使用上面的实现方法，简单有效。

一个改进的实现方法

针对全局变量污染的问题，我们有很多办法解决这个问题。比如使用不同的命名空间或决定好命名规则，来避免变量被意外修改。除此之外，我们还可以使用闭包来解决这问题：

1
2
3
4
5
6
7
8
function Single() {
    this.name = 'single';
    this.time = Date.now();
    var instance = this;
    Single = function() {
        return instance;
    }
}

上面的写法，通过第一次调用构造函数时改写构造函数来来实现单例。利用了函数闭包的特性，将示例保护起来，不会被外部访问和改写。

在更严格的情况下，我们仍可以对上述例子进行近一步的优化。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function Single() {
    this.name = 'single';
    this.time = Date.now();
    
    var instance;
    Single = function() {
        return instance;
    }
    
    Single.prototype = this.__proto__;
    Single.prototype.consctructor = Single;
    
    instance = this;
    
    return this;
}

上面的优化在于，保证能够在实例化后再次为添加类方法时能够得到继承，同时能够保证每次返回的实例化对象的构造函数指向同一个函数。一般情况下可以不用做次考虑。

总结

在大多数情况下实现单例模式时很简单的。尤其是使用了模块化时，只需使用一个变量将第一次实例化的对象保存起来，再次调用直接返回即可。