TypeScript - if...else 语句

---

---

在 TypeScript 中，if...else 语句根据不同的条件控制程序的执行流程。如果条件计算结果为 true，则执行 if 代码块。

if 语句后面可以跟一个可选的 else 代码块。如果 if 语句测试的布尔表达式计算结果为 false，则执行 else 代码块。

语法

TypeScript 中简单的 if...else 语句如下：

if(boolean_expression) {  
   // statement(s) will execute if the boolean expression is true
} else {
   // statement(s) will execute if the boolean expression is false  
}

流程图

下面的流程图显示了 if...else 语句的工作方式。

if 代码块保护条件表达式。如果布尔表达式计算结果为 true，则执行与 if 语句关联的代码块。

if 代码块后面可以跟一个可选的 else 语句。如果表达式计算结果为 false，则执行与 else 代码块关联的指令块。

示例

让我们通过一些 TypeScript 示例来详细了解 if...else 语句。

示例：简单的 if...else

在下面的示例中，变量 num 被赋值为 12。条件 (num % 2 == 0) 检查 num 是否为偶数。由于 12 除以 2 没有余数，因此条件计算结果为 true，并且执行 if 语句后面的代码块。

var num: number = 12; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

编译后，它将生成以下 JavaScript 代码：

var num = 12;
if (num % 2 == 0) {
   console.log("Even");
} else {
   console.log("Odd");
}

上面的示例打印变量中的值是偶数还是奇数。if 代码块检查值是否能被 2 整除以确定结果。以下是上述代码的输出：

Even 

示例：条件计算结果为 false

在上面的示例中，如果将值 13 赋给变量 num，则条件变为 false，因为 13 除以 2 余 1。因此，将执行 else 语句后面的代码块。

var num: number = 13; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

编译后，它将生成以下 JavaScript 代码。

var num = 13; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

这里条件 (13 % 2 == 0) 计算结果为 false，并执行 else 代码块。输出如下：

Odd

示例：else if 语句

let grade: number = 85;
if (grade >= 90) {
  console.log("Excellent");
} else if (grade >= 80) {
  console.log("Great");
} else {
  console.log("Keep studying");
}

这里，if 语句首先检查条件 grade >= 90。如果条件计算结果为 false，则 else if 语句检查条件 grade >= 80。最后，只有当条件为 false 时，else 代码块才会执行。

编译后，它将生成以下 JavaScript 代码。

let grade = 82;
if (grade >= 90) {
  console.log("Excellent");
} else if (grade >= 80) {
  console.log("Great");
} else {
  console.log("Keep studying");
}

这里，else if 语句的条件计算结果为 true，因此它打印“Great”作为输出。

Great