用ES6实现Javascript中的枚举
用ES6实现Javascript中的枚举
提问于 2017-06-09 09:19:15
我正在用Javascript重建一个旧的Java项目，并意识到在JS中没有好的方法来做枚举。
我能想到的最好的结果是：
const Colors = {
RED: Symbol("red"),
BLUE: Symbol("blue"),
GREEN: Symbol("green")
};
Object.freeze(Colors);const防止Colors被重新赋值，冻结它可以防止键和值发生变化。我之所以使用符号，是因为Colors.RED不等于0，也不等于它本身以外的任何东西。
这个公式有问题吗？有没有更好的办法？
(我知道这个问题有点重复，但所有的都很旧，ES6给了我们一些新功能。)
编辑：
另一种解决方案，处理序列化问题，但我认为仍然存在领域问题：
const enumValue = (name) => Object.freeze({toString: () => name});
const Colors = Object.freeze({
RED: enumValue("Colors.RED"),
BLUE: enumValue("Colors.BLUE"),
GREEN: enumValue("Colors.GREEN")
});通过使用对象引用作为值，您可以获得与符号相同的冲突避免。
回答 15
Stack Overflow用户
发布于 2018-12-28 21:40:30
虽然使用Symbol作为枚举值可以很好地用于简单用例，但也可以方便地为枚举提供属性。这可以通过使用Object作为包含属性的枚举值来完成。
例如，我们可以为每个Colors指定一个名称和十六进制值：
/**
* Enum for common colors.
* @readonly
* @enum {{name: string, hex: string}}
*/
const Colors = Object.freeze({
RED: { name: "red", hex: "#f00" },
BLUE: { name: "blue", hex: "#00f" },
GREEN: { name: "green", hex: "#0f0" }
});在枚举中包含属性可以避免编写switch语句(并且在扩展枚举时可能会忘记switch语句的新情况)。该示例还显示了使用JSDoc enum annotation记录的枚举属性和类型。
在Colors.RED === Colors.RED为true，Colors.RED === Colors.BLUE为false的情况下，Equality的工作方式与预期相同。
Stack Overflow用户
发布于 2018-10-03 06:01:40
这是我个人的做法。
class ColorType {
static get RED () {
return "red";
}
static get GREEN () {
return "green";
}
static get BLUE () {
return "blue";
}
}
// Use case.
const color = Color.create(ColorType.RED);Stack Overflow用户
发布于 2018-04-08 00:50:19
如上所述，您还可以编写一个makeEnum()助手函数：
function makeEnum(arr){
let obj = {};
for (let val of arr){
obj[val] = Symbol(val);
}
return Object.freeze(obj);
}像这样使用它：
const Colors = makeEnum(["red","green","blue"]);
let startColor = Colors.red;
console.log(startColor); // Symbol(red)
if(startColor == Colors.red){
console.log("Do red things");
}else{
console.log("Do non-red things");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44447847
复制相关文章
相似问题
腾讯云开发者
