TypeScript 条件语句
最后修改于 2025 年 2 月 24 日
TypeScript 中的条件语句用于根据特定条件执行不同的代码块。TypeScript 支持多种类型的条件语句，包括 `if-else`、`switch` 和三元运算符。本教程通过实际示例介绍 TypeScript 条件语句的基础知识。
条件语句是控制结构，允许您根据条件是真还是假来执行不同的代码块。它们对于在代码中做出决策和控制执行流程至关重要。
If-Else 语句
此示例演示了如何使用 `if-else` 语句检查条件。
if_else.ts
let age: number = 18;
if (age >= 18) {
console.log("You are an adult.");
} else {
console.log("You are a minor.");
}
// Output: You are an adult.
`if-else` 语句检查条件 `age >= 18` 是否为真。如果为真，则执行第一个代码块；否则，执行第二个代码块。
Else-If 语句
此示例演示了如何使用 `else-if` 语句检查多个条件。
else_if.ts
let score: number = 85;
if (score >= 90) {
console.log("Grade: A");
} else if (score >= 80) {
console.log("Grade: B");
} else if (score >= 70) {
console.log("Grade: C");
} else {
console.log("Grade: D");
}
// Output: Grade: B
`else-if` 语句允许您按顺序检查多个条件。第一个求值为真的条件将执行其相应的代码块。
三元运算符
此示例演示了如何使用三元运算符进行简洁的条件表达式。
ternary_operator.ts
let isRaining: boolean = true; let message: string = isRaining ? "Bring an umbrella." : "Enjoy the weather."; console.log(message); // Output: Bring an umbrella.
三元运算符是 `if-else` 语句的简写。它评估一个条件，并根据条件是真还是假返回两个值之一。
Switch 语句
此示例演示了如何使用 `switch` 语句处理多个情况。
switch_statement.ts
let day: number = 3;
let dayName: string;
switch (day) {
case 1:
dayName = "Monday";
break;
case 2:
dayName = "Tuesday";
break;
case 3:
dayName = "Wednesday";
break;
case 4:
dayName = "Thursday";
break;
case 5:
dayName = "Friday";
break;
case 6:
dayName = "Saturday";
break;
case 7:
dayName = "Sunday";
break;
default:
dayName = "Invalid day";
}
console.log(dayName); // Output: Wednesday
`switch` 语句评估一个表达式并执行相应的情况块。`break` 语句用于在匹配到情况后退出 switch 块。
嵌套条件语句
此示例演示了如何使用嵌套条件语句处理复杂的逻辑。
nested_conditionals.ts
let age: number = 20;
let hasLicense: boolean = true;
if (age >= 18) {
if (hasLicense) {
console.log("You can drive.");
} else {
console.log("You need a license to drive.");
}
} else {
console.log("You are too young to drive.");
}
// Output: You can drive.
嵌套条件语句允许您在单个代码块中检查多个条件。这对于处理复杂的决策逻辑很有用。
条件语句中的逻辑运算符
此示例演示了如何在条件语句中使用逻辑运算符（`&&`、`||`）。
logical_operators.ts
let isLoggedIn: boolean = true;
let isAdmin: boolean = false;
if (isLoggedIn && isAdmin) {
console.log("Welcome, Admin!");
} else if (isLoggedIn || isAdmin) {
console.log("Welcome, User!");
} else {
console.log("Please log in.");
}
// Output: Welcome, User!
逻辑运算符允许您在单个语句中组合多个条件。`&&` 运算符要求两个条件都为真，而 `||` 运算符要求至少一个条件为真。
使用条件语句的最佳实践
- 使用描述性的条件：编写清晰且描述性的条件以提高代码的可读性。
- 避免深度嵌套：尽量减少嵌套条件语句的深度，以保持代码的可维护性。
- 针对多个情况使用 Switch：对于处理多个情况，请使用 `switch` 语句，而不是多个 `else-if` 语句。
- 利用三元运算符处理简单条件：对于简单条件，使用三元运算符可以使代码更简洁。
来源
在本文中，我们探讨了 TypeScript 条件语句，并通过实际示例演示了它们的使用。