JavaScript 中的单例实例范围混淆

Question

我正在学习 JavaScript 中的设计模式，我正在学习 Singleton 设计模式。代码如下：

var SingletonTester = (function () {
    // options: an object containing configuration options for the singleton
    // e.g var options = { name: 'test', pointX: 5};
    function Singleton(options) {
        // set options to the options supplied or an empty object if none provided.
        options = options || {};
        //set the name parameter
        this.name = 'SingletonTester';
        //set the value of pointX
        this.pointX = options.pointX || 6;
        //set the value of pointY
        this.pointY = options.pointY || 10;
    }
            // this is our instance holder
    var instance;

    // this is an emulation of static variables and methods
    var _static = {
        name: 'SingletonTester',
        // This is a method for getting an instance
        // It returns a singleton instance of a singleton object
        getInstance: function (options) {
            if (instance === undefined) {
                instance = new Singleton(options);
            }
            return instance;
        }
    };
    return _static;
})();
var singletonTest = SingletonTester.getInstance({
    pointX: 5
});
var singletonTest1 = SingletonTester.getInstance({
    pointX: 15
});
console.log(singletonTest.pointX); // outputs 5
console.log(singletonTest1.pointX); // outputs 5

我不明白为什么变量instance 在启动singletonTest1 时会获得一些值。

Answer 1

当模块SingletonTester创建时，它也被调用：

var SingletonTester = (function () {
    // ... stuff in here
    var instance;
})(); // <--- here

最后一行是函数应用程序();。在该应用程序之后，SingletonTester 模块包含它的所有封闭状态。

由于instance 是一个被SingletonTester 闭包封闭的属性，因此在SingletonTester 的整个存在期间实例是活动的。

旁注：单例模式主要是关于创建一个线程安全的静态实例以在进程间共享。由于 JavaScript 是单线程的，这显然不是问题。相反，您可以保持简单，只使用全局变量。