首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >用ES6实现Javascript中的枚举

用ES6实现Javascript中的枚举
EN

Stack Overflow用户
提问于 2017-06-09 09:19:15
回答 15查看 144.3K关注 0票数 177

我正在用Javascript重建一个旧的Java项目,并意识到在JS中没有好的方法来做枚举。

我能想到的最好的结果是:

代码语言:javascript
复制
const Colors = {
    RED: Symbol("red"),
    BLUE: Symbol("blue"),
    GREEN: Symbol("green")
};
Object.freeze(Colors);

const防止Colors被重新赋值,冻结它可以防止键和值发生变化。我之所以使用符号,是因为Colors.RED不等于0,也不等于它本身以外的任何东西。

这个公式有问题吗?有没有更好的办法?

(我知道这个问题有点重复,但所有的都很旧,ES6给了我们一些新功能。)

编辑:

另一种解决方案,处理序列化问题,但我认为仍然存在领域问题:

代码语言:javascript
复制
const enumValue = (name) => Object.freeze({toString: () => name});

const Colors = Object.freeze({
    RED: enumValue("Colors.RED"),
    BLUE: enumValue("Colors.BLUE"),
    GREEN: enumValue("Colors.GREEN")
});

通过使用对象引用作为值,您可以获得与符号相同的冲突避免。

EN

回答 15

Stack Overflow用户

发布于 2018-12-28 21:40:30

虽然使用Symbol作为枚举值可以很好地用于简单用例,但也可以方便地为枚举提供属性。这可以通过使用Object作为包含属性的枚举值来完成。

例如,我们可以为每个Colors指定一个名称和十六进制值:

代码语言:javascript
复制
/**
 * 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.REDtrueColors.RED === Colors.BLUEfalse的情况下,Equality的工作方式与预期相同。

票数 30
EN

Stack Overflow用户

发布于 2018-10-03 06:01:40

这是我个人的做法。

代码语言:javascript
复制
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);
票数 12
EN

Stack Overflow用户

发布于 2018-04-08 00:50:19

如上所述,您还可以编写一个makeEnum()助手函数:

代码语言:javascript
复制
function makeEnum(arr){
    let obj = {};
    for (let val of arr){
        obj[val] = Symbol(val);
    }
    return Object.freeze(obj);
}

像这样使用它:

代码语言:javascript
复制
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");
}
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44447847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档