TypeScript Academy · 课时

枚举

Q: 「枚举」这节课中我会学到什么？

学习如何使用枚举，让代码更清晰 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习如何使用枚举，让代码更清晰

第 3 / 4 课10 个步骤

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

枚举

欢迎来到下一课！在本课中，您将了解 TypeScript 中的枚举。枚举允许您定义一组命名常量，让代码更易读、更易管理。让我们深入了解吧！

什么是枚举

枚举（enumeration 的缩写）是一种允许您定义一组命名常量的数据类型。枚举用于将相关值组合在一起，使代码更有条理，也更不容易出错。

示例：可以使用枚举表示一周中的各天：

任务：为一年中的月份创建一个枚举，并记录一些值。

enum Days {
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday,
  Sunday,
}

console.log(Days.Monday); // Output: 0
console.log(Days.Friday); // Output: 4

数字枚举

TypeScript 中的枚举默认为数字枚举，从 0 开始。如果需要，您可以为枚举成员赋予自定义值：

任务：为用户角色定义一个枚举（例如：管理员、编辑者、查看者），并为其设置自定义数字值。

enum Status {
  Active = 1,
  Inactive = 2,
  Pending = 3,
}

console.log(Status.Active); // Output: 1
console.log(Status.Pending); // Output: 3

反向映射

TypeScript 枚举支持反向映射，因此您可以根据枚举成员的值获取其名称：

任务：使用您自己的枚举尝试反向映射。

enum Colors {
  Red = 1,
  Green,
  Blue,
}

console.log(Colors[1]); // Output: "Red"
console.log(Colors[2]); // Output: "Green"

字符串枚举

TypeScript 还支持字符串枚举，其中每个枚举成员都会被赋予一个字符串值：

任务：为基本颜色创建一个字符串枚举（例如：红色、绿色、蓝色）。

enum Directions {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

console.log(Directions.Up); // Output: "UP"
console.log(Directions.Left); // Output: "LEFT"

异构枚举

一个枚举可以同时包含数字值和字符串值，但为了保持一致性，通常不建议这样做：

任务：定义一个混合枚举，并在您的编辑器中观察其行为。

enum Mixed {
  Yes = 1,
  No = "NO",
}

console.log(Mixed.Yes); // Output: 1
console.log(Mixed.No); // Output: "NO"

在函数中使用枚举

枚举非常适合控制代码的执行流程。示例：

任务：编写一个以枚举作为参数并返回消息的函数。

enum Status {
  Active,
  Inactive,
  Pending,
}

function checkStatus(status: Status): string {
  switch (status) {
    case Status.Active:
      return "The status is active.";
    case Status.Inactive:
      return "The status is inactive.";
    case Status.Pending:
      return "The status is pending.";
    default:
      return "Unknown status.";
  }
}

console.log(checkStatus(Status.Active)); // Output: "The status is active."

常见错误

使用枚举时，以下是一些常见错误：

在字符串枚举可以让代码更清晰时，却使用了数字枚举。
在同一个枚举中混用数字值和字符串值。
没有对适合使用命名常量的值使用枚举。

提示：请根据您的使用场景选择合适的枚举类型（数字枚举或字符串枚举）。

enum Fruits {
  Apple = 1,
  Banana,
  Cherry,
}

console.log(Fruits.Banana);

在交互式课程中回答

做得很好

祝贺您！您已经学会了如何在 TypeScript 中使用枚举定义命名常量。枚举是让代码更易读、更不容易出错的强大方式。在下一课中，我们将探索字面量类型，这是 TypeScript 的另一项高级功能。让我们继续编写代码吧！

免费开始

用 AI 导师学习 TypeScript — 免费

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

课程: 101
课程: 352

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

常见问题解答

「枚举」课时是免费的吗？

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

「枚举」这节课中我会学到什么？

学习如何使用枚举，让代码更清晰你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

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

「枚举」课时需要多长时间？

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

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

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

此课程中的所有课时

← 返回 TypeScript Academy