javascript - 如何将静态数组分配给 Dojo 中的对象？

Question

define(["dojo/_base/declare"], function (declare) {
    // module:
    //      StyleNames
    // summary:
    //      Style element names.
    var StyleNames = declare(null, 
        {
            PROP1: "Style1",
            PROP2: "Style2"
        }
    );

    StyleNames.dataContexts = [
        StyleNames.PROP1,
        StyleNames.PROP2,
    ];

    return StyleNames;
});

var styleNames = new StyleNames();
console.log("PROP1 is defined as: ", styleNames.PROP1); // prints "Style1"
console.log("dataContexts is undefined: ", styleNames.dataContexts); // Error: styleNames.dataContexts is undefined

我的设置类似于https://stackoverflow.com/a/11329956/1610451但查看 DOM，我可以看到它设置为styleNames.constructor.dataContexts具有未定义值的构造函数。

背景故事：我正在将 ActionScript 代码移植到 JavaScript，并且需要维护现有接口。我要移植的 ActionScript 代码示例是：

public class StyleNames {
    public static const PROP1 : String = "Style1";
    public static const PROP2 : String = "Style2";

    public static const dataContexts : Array = [
        PROP1,
        PROP2
    ];

    public function StyleNames(){}
}

Answer 1

你在你的声明中说得对。在我看来，这是定义静态变量的最明确的方式。在您的console.log代码中，您只是没有dataContexts正确引用变量。它是一个静态变量，所以它不属于任何一个实例。你想这样引用它：StyleNames.dataContexts.

编辑：您那里也可能存在语法错误。取出StyleNames.dataContexts声明下的第二个逗号：

StyleNames.dataContexts = [
    StyleNames.PROP1,
    StyleNames.PROP2
];

像这样访问变量：

StyleNames.dataContexts

相对于this.dataContexts或instanceRef.dataContexts

Answer 2

这是按照我的思维方式正确完成的：

require(["dojo/_base/declare"], function(declare) {

    var StyleNames = declare(null, {

        constructor: function() {
            // a.k.a public function StyleNames(){}
        },

        // non-static properties and functions here

    });

    // static properties and functions
    StyleNames.PROP1 = "Style1";
    StyleNames.PROP2 = "Style2";

    StyleNames.dataContexts = [
        StyleNames.PROP1,
        StyleNames.PROP2
    ];

    console.log("PROP1: ", StyleNames.PROP1);
    console.log("dataContexts: ", StyleNames.dataContexts);

});​

在 jsFiddle 上查看一个工作示例：http: //jsfiddle.net/phusick/6nfhJ/