PricingLoginStart free
TypeScript Academy · 课时

枚举、const enum 与联合字面量替代方案

比较传统枚举、const enum 和联合字面量替代方案，了解它们在 DX、体积和安全性方面的取舍。

第 3 / 3 课8 个步骤

枚举、const enum 与联合字面量替代方案 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 3 节课，共 3 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 3 节课。

简介

目标：了解何时使用enum、const enum或联合字面量类型。您将比较运行时输出、DX 和树摇。

数字枚举

数字枚举会生成一个运行时对象，并支持反向映射。它很简单，但会增加一些打包体积。

enum Direction {
  Left = 0,
  Right = 1
}

const d: Direction = Direction.Left;
console.log(d); // 0

字符串枚举

字符串枚举在日志和 API 中具有良好的可读性，同时也会生成运行时对象。

enum Status {
  Ok = "ok",
  Error = "error"
}

const s: Status = Status.Ok;
console.log(s); // "ok"

const enum

编译时，const enum会将值内联，因此不会产生运行时开销，但要求构建工具保持一致。

const enum Axis {
  X = 0,
  Y = 1
}

const a: Axis = Axis.X;
console.log(a); // 0 (inlined)

联合字面量替代方案

联合字面量不会产生运行时输出，在 switch 中具有很好的收窄效果，并且非常适合树摇。在许多场景中，它是很好的默认选择。

type Dir = "left" | "right";

function move(d: Dir) {
  switch (d) {
    case "left":
      console.log("←");
      break;
    case "right":
      console.log("→");
      break;
  }
}

move("left");

如何选择

指导原则：

  • 大多数选项集合应优先使用联合字面量（没有运行时开销）。
  • 需要运行时对象或反向映射时，请使用enum。
  • 构建工具支持时，可以使用const enum来内联常量。

联合字面量与枚举检查

快速检查：作为枚举的替代方案，关于联合字面量类型，哪项说法是 TRUE？

在交互式课程中回答

回顾

回顾：enum会创建运行时对象；const enum会内联值且不会产生开销；联合字面量在没有运行时输出的情况下提供安全性。请根据构建方式和 API 需求进行选择。

免费开始

用 AI 导师学习 TypeScript — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程
101
课程
352
免费开始学习查看完整课程

常见问题解答

「枚举、const enum 与联合字面量替代方案」课时是免费的吗？

是的 — 「枚举、const enum 与联合字面量替代方案」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 3 节课。

「枚举、const enum 与联合字面量替代方案」这节课中我会学到什么？

比较传统枚举、const enum 和联合字面量替代方案，了解它们在 DX、体积和安全性方面的取舍。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 3 节课，共 3 节。

「枚举、const enum 与联合字面量替代方案」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 数组与 ReadonlyArray
  2. 元组与带标签的元组
  3. 枚举、const enum 与联合字面量替代方案
← 返回 TypeScript Academy