使用常量作为 JavaScript 关联数组的索引

Question

我希望在 JavaScript 中创建一个关联数组，但使用定义为类一部分的常量作为索引。

我想要这个的原因是这样类的用户可以使用常量（定义事件）来触发操作。

一些代码来说明：

STATE_NORMAL = 0;
STATE_NEW_TASK_ADDED = 0;
this.curr_state = STATE_NEW_TASK_ADDED;

this.state_machine = {
    /* Prototype:
    STATE_NAME: {
        EVENT_NAME: {
            "next_state": new_state_name,
            "action": func
        }
    }
    */

    STATE_NEW_TASK_ADDED : { // I'd like this to be a constant
        this.EVENT_NEW_TASK_ADDED_AJAX : {
            "next_state": STATE_NEW_TASK_ADDED,
            "action" : function() {console.log("new task added");},
        }
    }
}

// Public data members.
// These define the various events that can happen.
this.EVENT_NEW_TASK_ADDED_AJAX = 0;
this.EVENT_NEW_TASK_ADDED_AJAX = 1;

我无法使其正常工作。我不太擅长 JavaScript，但看起来无论我做什么，数组都是用字符串而不是常量定义的。有没有办法强制数组使用常量？

Answer 1

在 ECMAScript 6 中，您可以使用对象键的计算值：

var CONSTANT_A = 0, CONSTANT_B = 1
var state_machine = {
    [CONSTANT_A]: function () {
        return 'a'
    },
    [CONSTANT_B]: function () {
        return 'b'
    }
};

console.log(state_machine)

这在 Internet Explorer 11 和 Safari 浏览器中不起作用：
https://kangax.github.io/compat-table/es6/#test -object_literal_extensions_compulated_properties

Answer 2

请参阅 Kristian 的回答：ECMAScript 6 /modern JavaScript，它有新的语法来实现这一点。

以下是我的原始答案，来自前现代。

---

实际上，这里的问题是，当您字面上定义对象时，您不能使用关键部分的值。

也就是说，这使用了预期的常量值：

var CONSTANT_A = 0, CONSTANT_B = 1;
var state_machine = {};
state_machine[CONSTANT_A] = "A";
state_machine[CONSTANT_B] = "B";
console.log(state_machine[0]); // => A
console.log(state_machine[1]); // => B

但这不会按预期工作，而是使用字符串 CONSTANT_A 作为键：

var CONSTANT_A = 0, CONSTANT_B = 1;
var state_machine = {
    CONSTANT_A: "A",
    CONSTANT_B: "B",
};
console.log(state_machine[0]); // => undefined
console.log(state_machine["CONSTANT_A"]); // => A
console.log(state_machine.CONSTANT_A); // => A

JavaScript 有一个定义对象字面量的简写，您可以在其中省略键周围的双引号。无法使用表达式，因此不会计算 CONSTANT_A。

Answer 3

假设您有以下常量：

const COMPANIES = "companies";
const BRANCHES = "branches";
const QUEUES = "queues";
const LOGOUT = "logout";

如果您这样声明字典：

var itemsToState = {
  COMPANIES: true,
  BRANCHES: false,
  QUEUES: false,
  LOGOUT: false,
}

// You will get:
// { COMPANIES: true, BRANCHES: false, QUEUES: false, LOGOUT: false }

请注意键是大写 ^ 因为 它没有使用常量的值。

如果您想使用常量的值作为键，您可以需要这样做：

var itemsToState = {
  [COMPANIES]: true,
  [BRANCHES]: false,
  [QUEUES]: false,
  [LOGOUT]: false,
}

// You will get:
// { companies: true, branches: false, queues: false, logout: false }

注意键是小写的 ^ 因为它使用常量的值。