求求你不要再用TypeScript的枚举类型了

最新推荐文章于 2025-05-16 18:40:57 发布

乔珂力

最新推荐文章于 2025-05-16 18:40:57 发布

阅读量604

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 Node.js 文章标签： typescript enum

本文链接：https://blog.youkuaiyun.com/keliq/article/details/119516713

前端同时被 2 个专栏收录

6 篇文章

订阅专栏

Node.js

3 篇文章

订阅专栏

本文揭示了TypeScript枚举类型的隐患，如数值枚举的不安全性和字符串枚举赋值问题。作者主张回归JavaScript的基本类型，如联合类型和对象键值操作，以实现灵活性和易用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

曾几何时，我也沉迷于 TypeScript 提供的枚举类型，有种高大上的感觉。但后来发现，其实枚举类型是「金玉其外，败絮其中」，请听我一一道来：

数值枚举类型不安全

我们定义一个非 0 即 1 的枚举类型如下：

enum ZeroOrOne {
  Zero = 0,
  One = 1,
}

然后给它赋一个不存在的值：

const zeroOrOne: ZeroOrOne = 2

结果 TypeScript 竟然没有报错！WTF？

WTF

字符串枚举无法直接赋值

我们定义一个字符串类型的枚举：

enum Color {
  Red = "Red",
  Green = "Green",
  Blue = "Blue",
}

然后直接赋值：

const color: Color = "Red";

结果 TypeScript 竟然报错了！WTF？

WTF

算了，老子不用了！

还是用联合类型来替代枚举好了，例如：

const permissions = ['read', 'write', 'execute'] as const
type Permission = typeof permissions[number]

看到没，Permission 类型就是 'read' | 'write' | 'execute' 了呀，而且我们可以轻松遍历 permissions 数组：

for (const permission of permissions) {
  // 对 permission 为所欲为
}

想把对象的键/值拿出来做枚举？可以呀：

const Permission = {
  Read: "r",
  Write: "w",
  Execute: "x",
} as const;
type PermissionKey = keyof typeof Permission;
type PermissionValue = typeof Permission[PermissionKey];

看到没，PermissionKey 的类型就是 'read' | 'write' | 'execute' ，PermissionValue 的类型就是 'r' | 'w' | 'x' 了呀，而且我们可以轻松遍历 permissions 对象：

for (const permission of Object.keys(Permission)) {
  // 对 key 为所欲为
}
for (const permission of Object.values(Permission)) {
  // 对 value 为所欲为
}

让我们忘掉那些花里胡哨的语法，回归 JavaScript 最初的纯真美好吧！