TypeScript - if 語句

---

---

在 TypeScript 中，if 語句會評估一個條件（一個布林表示式），並且只有當條件為真時才會執行程式碼塊。程式碼塊執行之前會先評估條件。

如果條件為假，則會執行 else 後面的程式碼塊（如果存在）。我們將在下一章中更詳細地討論 if...else 語句。

語法

要編寫 if 語句語法，我們使用 if 關鍵字後跟括號中的條件，然後是包含在花括號（{}）中的程式碼塊。

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

如果布林表示式計算結果為真，則 if 語句內部的程式碼塊將被執行。如果布林表示式計算結果為假，則 if 語句結束後的第一組程式碼（在閉合花括號之後）將被執行。

流程圖

下面的流程圖顯示了 if 語句的工作原理。

示例

讓我們藉助 TypeScript 中的一些示例詳細瞭解 if 語句。

示例 1

在下面的示例中，我們定義了一個名為 num 的數字型別變數，並將其賦值為 5。由於條件計算結果為真，因此執行 if 語句的程式碼。

var  num: number = 5
if (num > 0) { 
   console.log("number is positive") 
}

編譯後，它將生成以下 JavaScript 程式碼。

var num = 5;
if (num > 0) {
   console.log("number is positive");
}

上面的示例將列印“number is positive”，因為 if 程式碼塊指定的條件為真。

number is positive

示例 2

在下面的示例中，條件是一個布林變數 isQualified。如果 isQualified 為真，則 if 語句會執行其後的程式碼塊。

var isQualified: boolean = true;
if( isQualified ) {
    console.log("Qualified for driving");
}

編譯後，它將生成以下 JavaScript 程式碼。

var isQualified = true;
if( isQualified ) {
    console.log("Qualified for driving");
}

上面的示例將列印“Qualified for driving”，因為 if 程式碼塊指定的條件為真。

Qualified for driving

示例 3

在下面的示例中，我們定義了數字型別的變數 x 和 y，並分別為它們賦值 20 和 30。if 語句的條件是 x < y。對於這些給定的值，條件計算結果為真，因此執行 if 語句內的程式碼。

var x: number = 20;
var y: number = 30;
if (x < y){
    console.log("x is less than y");
}

編譯後，它將生成以下 JavaScript 程式碼。

var x = 20;
var y = 30;
if (x < y){
    console.log("x is less than y");
}

上面的示例將列印“x is less than y”，因為 if 語句指定的條件 (20 < 30) 為真。

x is less than y

示例 4：當條件為假時

var x: number = 100;
var count: number = 0;
if (x < 100){
    count++;
}
console.log(count);

編譯後，它將生成以下 JavaScript 程式碼。

var x = 100;
var count = 0;
if (x < 100){
    count++;
}
console.log(count);

由於條件 (x < 100) 計算結果為假，因此 if 程式碼塊將不會被執行。count 的值將保持與之前相同。輸出如下：

0