ES6 可以安全地使用静态类变量作为 Map 的键吗？

Question

在babel-preset-stage-0中，我们可以声明静态类变量如下：

class Constants {
  static COUNTRY = Object.freeze({
      NAME: 'Germany',
      DESCRIPTION: 'placeholder',
  })
}

使用 Constants.COUNTRY 作为 ES6 Map 或 Set 的密钥是否安全？

例如。

const map = new Map();
map.add(Constants.COUNTRY, something);

是否保证map.get(Constants.COUNTRY) 将始终返回something？

性能是否与使用字符串作为键一样好？将Constants.COUNTRY 用作eventKey（引导组件属性）用于NavItem 是否安全？

将其声明为变量而不是类是否也更合适？ 即

const Constants = Object.freeze({
  COUNTRY: Object.freeze({
      NAME: 'Germany',
      DESCRIPTION: 'placeholder',
  })
}) 

Answer 1

是否保证 map.get(Constants.COUNTRY) 总是会返回一些东西？

要使 map.get(Constants.COUNTRY) 始终返回您的原始值，必须满足以下条件。

1. 您必须确保永远不能为 Constants.COUNTRY 分配不同的值，因为 .COUNTRY 属性被重新分配，或者因为 Constants 对象被替换为具有不同 .COUNTRY 的其他对象属性值。

2. 您必须确保没有人可以从 map 对象中删除该密钥。

如果您能保证这两件事，那么是的map.get(Constants.COUNTRY) 将始终返回您想要的值。但是，如果其中任何一个不一定正确，那么您就无法保证始终从地图中获得价值。

您可以通过冻结Constants 对象或将该属性设置为可配置来确保不能删除或写入Constants.COUNTRY。为确保Constants 对象无法被替换，最好将其设为const，就像在您的第二个代码块中一样。

我不知道有什么方法可以确保没有人可以调用 map.delete(Constants.COUNTRY)，除非将 map 对象保持为私有，这样外来代码就无法访问它。

如果您有任何理由想要阻止枚举映射中的键（以使某人更难发现键），那么您可以使用WeakMap 而不是Map。

性能是否和使用字符串作为键一样好？

您必须测试特定的 Javascript 实现才能确定性能。没有必要的实现原因表明其中一个应该更快 - 它仅取决于实现的内部结构。

我创建了一个jsPerf test case 来比较字符串查找和对象查找。欢迎提供有关改进测试/测量方式的反馈，但使用当前方案，我在地图中创建 10,000 个字符串键和 10,000 个对象键，然后比较访问其中的 1000 个，我发现了不同的结果。

Chrome is ~20% slower to access the object keys.
Firefox is ~20% slower to access the string keys.
Edge is ~27% slower to access the string keys.

将其声明为变量而不是类是否也更合适？

如前所述，您的第二个const 表单的优点是不能重新分配Constants。

Answer 2

您可以使用WeakMap 到COUNTRY 作为键，使用something 作为值。不能删除用const 声明的变量。随着您使用Object.freeze()，wm.get(COUNTRY) 应始终返回something

  const wm = new WeakMap;

  const COUNTRY = Object.freeze({
    NAME: 'Germany',
    DESCRIPTION: 'placeholder',
  });

  wm.set(COUNTRY, "something");

  // error when "use strict"
  delete wm;
  delete COUNTRY;

  COUNTRY.NAME = 123;

  console.log(
    wm.get(COUNTRY)
  );
  
  console.log(
    COUNTRY
  );
  
  console.log(
    wm
  );

---

如果需要一个无法删除或更改的变量，您可以使用const 请参阅Is it possible to delete a variable declared using const? 和JSON

"use strict";

// `Constants` cannot be changed or deleted
const Constants = `{
  "NAME": "Germany",
  "DESCRIPTION": "placeholder"
}`;

console.log(
  JSON.parse(Constants)
);

// delete Constants;
/*
Error: {
  "message": "Uncaught SyntaxError: Delete of an unqualified identifier in strict mode."
}
*/