字面量类型
在 TypeScript 中使用确切值作为类型
字面量类型 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。
字面量类型
字面量类型
欢迎来到下一课！在本课中，您将了解字面量类型，这是一项允许您为变量定义精确、具体值的 TypeScript 特性。这样可以让您的代码更可预测，也更具类型安全性。让我们深入了解吧！
什么是字面量类型
什么是字面量类型
TypeScript 中的字面量类型允许变量保存特定值，而不仅仅是字符串或数字这样的通用类型。例如，您可以限制一个变量只能保存 "yes" 或 "no" 值。
示例：
任务：声明一个字面量类型的变量，并为它赋予有效值和无效值。
let answer: "yes" | "no";
answer = "yes";
// Valid
// answer = "maybe";
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.
使用字符串定义字面量类型
使用字符串定义字面量类型
字符串字面量类型会将变量限制为一组特定的字符串值。示例：
任务：为方向创建一种类型，并为变量赋值。
type Direction = "up" | "down" | "left" | "right";
let move: Direction;
move = "up"; // Valid
// move = "forward";
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.
使用数字定义字面量类型
使用数字定义字面量类型
您也可以将字面量类型与数字结合使用，将变量限制为特定的数字值。示例：
任务：为骰子投掷结果定义一个数字字面量类型，并对其进行测试。
type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;
let roll: DiceRoll;
roll = 4; // Valid
// roll = 7;
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.
在函数中使用字面量类型
在函数中使用字面量类型
您可以在函数参数中使用字面量类型，只允许传入特定值。示例：
任务：编写一个使用字面量类型参数的函数。
function setStatus(status: "active" | "inactive"): void {
console.log(`The status is now ${status}`);
}
setStatus("active");
// Output: The status is now active
// setStatus("pending");
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.
字面量类型和类型别名
字面量类型和类型别名
为了重复使用字面量类型，您可以将其定义为类型别名。示例：
任务：为交通灯颜色创建一个类型别名，并在变量中使用它。
type TrafficLight = "red" | "yellow" | "green";
let light: TrafficLight = "red";
console.log(light);
// Output: red
在对象中使用字面量类型
在对象中使用字面量类型
您可以在对象内部使用字面量类型，以限制特定属性的值。示例：
任务：创建一种对象类型，其中包含一个使用字面量类型的属性。
type Button = {
label: string;
size: "small" | "medium" | "large";
};
let submitButton: Button = {
label: "Submit",
size: "medium",
};
console.log(submitButton);
常见错误
常见错误
使用字面量类型时，以下是一些常见错误：
- 修改字面量类型时，忘记更新所有允许的值。
- 赋予字面量类型中未包含的值（TypeScript 会捕获此错误）。
- 对高度动态的数据使用字面量类型，而这类数据更需要灵活性。
提示：请在受控且可预测的场景中使用字面量类型！
type Switch = "on" | "off";
let state: Switch;
state = "on";
state = "off";
做得很好
做得很好
祝贺您！您已经学会了如何在 TypeScript 中使用字面量类型定义精确且受限的值。字面量类型特别适合创建可预测且具有类型安全性的代码。在下一课中，我们将探索 TypeScript 对函数的支持。让我们继续编写代码吧！
常见问题解答
「字面量类型」课时是免费的吗？
是的 — 「字面量类型」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。
「字面量类型」这节课中我会学到什么？
在 TypeScript 中使用确切值作为类型 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「字面量类型」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗？
能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。