javascript - Dojo Singleton 或至少是静态方法/变量？

Question

有谁知道如何使 Dojo 类成为单例，或者至少知道如何在 dojo 类中创建静态方法或变量？

我目前通过为每个类设置一个全局变量和一个在该变量为空时设置该变量的方法来实现这一点，但这是一个蹩脚的解决方案。有一个单例类会好得多，因为可以从它继承并且瞧瞧有一个单例:)

海因里希

Answer 1

作为背景信息，以下文章很好地定义了 JavaScript 中单例对象的模式:
http://kaijaeger.com/articles/the-singleton-design-pattern-in-javascript.html

为了 Dojo-tize 这个，使用 1.7+ 我们需要在闭包中捕获原始构造函数，这样闭包之外的任何人都无法访问原始函数并提供一个始终返回相同实例的访问器方法，无论谁试图获取引用它...

将“类”构造函数转换为单例的方法作为可共享、可重用的代码片段也很有意义。我在 Dojo 中的偏好是拥有这个作为它自己的“模块”作为实用方法(不是 Dojo 类对象)，所以我们开始......

MakeSingleton.js

define(['dojo/_base/lang'], function(lang)
{
  return function(ctor) {   // not defining a class, just a utility method.
      var singletonCtor,    // our singleton constructor function.
          instance = null;  // singleton instance provided to any clients.

      // define the singleton constructor with accessor method.
      // (captures 'ctor' parameter and 'instance' variable in a function
      //  closure so that they are available whenever the getInstance() method
      //  on the singleton is called.)
      singletonCtor = new function() {       // note: 'new' is important here!!
          this.getInstance = function() {    // our accessor function
              if (!instance) {               // captures instance in a closure
                instance = new ctor();       // create instance using original ctor.
                instance.constructor = null; // remove instance's constructor method
              }                              //  so you cannot use new operator on it!!
              return instance;               // this is our singleton instance.
          }  
      };  

      // Since we are working with Dojo, when declaring a class object, if you
      // provide a 'className' as the first parameter to declare(...), Dojo will
      // save that value in the 'declaredClass' property on the object's prototype...
      // ... and adds a reference to that constructor function in the global namespace
      // as defined by the 'className' string.
      //
      // So if 'declaredClass' has a value, we need to close the hole by making
      // sure this also refers to the singleton and not the original constructor !!
      //
      if (ctor.prototype && ctor.prototype.declaredClass) {
        lang.setObject(ctor.prototype.declaredClass, singletonCtor);
      }

      // return the singleton "constructor" supports only a getInstance() 
      // method and blocks the use of the 'new' operator.
      return singletonCtor;

  }; // return "MakeSingleton" method
};  // define(...)

那么当我们想要定义一个 Singleton 类对象时，我们如何在 Dojo 1.7+ 中使用它呢？非常简单，因为我们已经完成了上面的繁重工作......

MySingletonClass.js

define(['dojo/_base_declare', 'MakeSingleton'], 
       function(declare, MakeSingleton)
{
    return MakeSingleton( declare('MySingletonClass', [...], {
                          // Define your class here as needed...
                        }));  
});

那么这里发生了什么......调用 declare(...) 的结果直接传递给 MakeSingleton(...) 实用程序方法，因此 Dojo 创建的原始类构造函数(Function)永远不会公开，如果将“className”传递给 declare(...)，MakeSingleton 还确保不是原始构造函数，而是单例对象。此外，导出自这个模块也是单例对象(MakeSingleton 的返回值)，所以 Dojo加载器在运行工厂方法后仅具有对单例的引用。这原始构造函数类在单例对象的闭包中被捕获，所以没有其他人可以访问它并创建一个额外的实例...
我们真的有一个单例。

那么我们如何访问这个单例......如果你没有指定'className'，当你声明你的类，获得它的唯一方法是通过模块依赖引用。如果你确实像上面的例子那样指定了一个'className'(可耻，可耻)，你可以访问它来自全局命名空间(不是 Dojo 的方向，使用模块依赖引用)。

调用 MakeSingleton.js 实用模块的导出方法的结果是对象上只有一个名为 getInstance() 的方法。 getInstance() 将创建在第一次调用时返回原始类对象的实例，并在每次后续调用时返回同一个实例。如果您尝试在单例类上使用“new”，则会产生错误。如果您尝试在全局命名空间中的引用上使用“new”(如果你提供了一个'className'来声明)，它会产生一个错误。 唯一方法获取实例就是调用单例的getInstance()方法。

SomeOtherModule.js

define(['dojo/_base/declare', 'MySingletonClass'],
       function(declare, MySingletonClass) 
{
    return declare(null, { 
        mySingleton: null,    // here we will hold our singleton reference.
        constructor: function(args) {
            ...
            // capture the singleton...
            mySingleton = MySingletonClass.getInstance();
            ... 
            mySingleton.doSomething(...);
        };

        mySpecialSauce: function(...) {
            mySingleton.doSomethingElse(...);
        };

        moreSauce: function(...) {
            var x;
            x = MySingletonClass.getInstance(); // gets same instance.
            x = new window.MySingletonClass();  // generates an error!!
            x = new MySingletonClass();         // generates an error!!
            // Dojo's loader reference generates an error as well !!
            x = new require.modules['MySingletonClass'].result(); 
        };
    });
});

有多少模块、类、脚本元素等获得对单例对象，它们都将引用同一个实例，并且不能是"new"实例已创建。