摘要：語句語句的概述在中語句使用分號進行分隔可以在一行編寫一條語句也可以在一行編寫多條語句語句分類分別是條件語句就是根據一個值判斷是執行還是跳過指定語句循環語句就是根據一個值判斷是否需要重復執行指定語句跳轉語句就是跳轉到指定語句注意建議一行盡量只

在JavaScript中,語句使用分號( ; )進行分隔.

可以在一行編寫一條語句,也可以在一行編寫多條語句

語句分類分別是:

條件語句: 就是根據一個值判斷是執行還是跳過指定語句

循環語句: 就是根據一個值判斷是否需要重復執行指定語句

跳轉語句: 就是跳轉到指定語句

注意:

建議一行盡量只編寫一行語句 - 原因: 是便于提高代碼的閱讀性

JavaScript解釋器是按照語句的編寫順序依次進行執行的

JavaScript中使用一對大括號( {} )表示一個語句塊

示例代碼:

if (v = "一花一世界") {
    console.log("");
}

空語句就是不編寫任何內容,JavaScript解釋器不會做任何執行操作

注意: 如果有需要用空語句的地方最好添加注釋

示例代碼:

;// 表示空語句

條件語句就是通過判斷指定的計算結果來決定是執行還是跳過指定語句塊

語法:
if (條件表達式) {

   語句塊 - 當條件表達式計算結果為true時才執行

}

條件表達式:

作用 - 控制是否執行指定的語句塊

結果 - 一般為Boolean類型的值(true | false)

問題 - 如果條件表達式計算的結果不是Boolean類型

將結果強行轉換為Boolean類型，再進行判斷

示例代碼:

var result = true;// boolean類型值

if (result) {
    console.log("這是if語句執行的語句塊...");
}


if (1 && 0) {
    console.log("這是if語句執行的語句塊...");
}


var v;/* 定義變量，但不初始化 */
if (v = "一花一世界") {/* 將變量的初始化操作，放置在條件表達式中 */
    console.log("這是if語句執行的語句塊...");
}
// 等價于以下寫法
v = "一花一世界";/* 變量的初始化操作 */
if (v) {
    console.log("這是if語句執行的語句塊...");
}

console.log("這是if語句執行完畢后的內容...");

if語句執行流程圖:

if...else語句是提供兩個語句塊進行判斷如果是true就執行if,如果是false就執行else.

語法:

if...else語句

if (條件表達式) {

語句塊一

} else {

語句塊二
}

示例代碼:

var result = false;

if (result) {
    console.log("這是語句塊一...");
} else {
    console.log("這是語句塊二...");
}

console.log("這是if語句執行完畢后的內容...");

if...else語句執行圖:

對應的語句塊的大括號"{}" - 允許被省略的

前提 - 當前語句塊中只存在一條語句時

省略大括號"{}"時，JavaScript默認認為后面的第一條語句是被控制的語句塊內容

所以不建議省略,建議按照語法規則編寫

示例代碼:

if (result)
    console.log("這是if語句執行的語句塊1...");
console.log("這是if語句執行的語句塊2...");
console.log("這是if語句執行的語句塊3...");

console.log("這是if語句執行完畢后的內容...");

控制臺調用結果對比圖:

if...else語句支持嵌套,就是說可以在if或else后的語句塊中繼續編寫if...else語句來進行跟多個判斷

注意: 不建議嵌套三個以上 - 原因會影響性能

示例代碼:

var score = 81;

if (score > 90) {
    console.log("優秀");
} else {
    if (score > 80) {
        console.log("良好");
    } else {
        console.log("及格");
    }
}

/ 變量聲明 - 并初始化值 /
var score = 81;
/ 條件表達式 /
if (score > 90) {

/* 調用輸出 */
console.log("優秀");

} else {

/* 條件表達式 */
if (score > 80) {
    /* 調用輸出 */
    console.log("良好");
} else {
    /* 調用輸出 */
    console.log("及格");
}

}

else if語句時在if語句基礎上,允許提供多個條件判斷

else if語句優化了if...else語句的嵌套寫法 - 性能較好

示例代碼:

/* 變量聲明 - 并初始化值 */
var score = 65;
if (score > 90) {
    console.log("優秀");
} else if (score > 80) {
    console.log("良好");
} else {
    console.log("及格");
}

if...else語句與else if語句對比效果圖:

switch...case語句又稱枚舉 - 將計算結果可能的值盡量的羅列完整

語法:
switch (條件表達式) {

   case 值一:
       語句塊一
   case 值二:
       語句塊二
   ... ...
   default:
       語句塊N

條件表達式 - 不一定是Boolean類型，計算結果分別與case語句的值進行比較

條件表達式計算結果與case語句的值是全等比較(既要比較值，也要比較類型)

case語句 - 羅列可能的匹配值

對應的語句塊最后添加 break 關鍵字 - 當執行對應的語句塊之后，停止繼續執行

default語句 - 類似于if...else語句中的else語句

當以上所有case語句的值都不匹配時，默認執行default語句對應的語句塊

注意 - 不是default語句不需要使用break關鍵字，而是default默認一般被編寫在最后

示例代碼:

var result = "0";

switch (result) {
    case 0:
        console.log("這是數字0");
        break;
    case 1:
        console.log("這是數字1");
        break;
    default:
        console.log("以上結果無一滿足");
}

switch...case語句代碼分析圖:

switch...case語句執行流程圖:

循環語句就是重復執行特定的語句達到循環效果

語法:
while (條件表達式) {
語句塊
}

注意: 必須通過一個變量值的改變，控制條件表達式的計算結果

在循環的過程中，至少有一次計算結果為false -> 結束循環

如果沒有這樣的一個變量的話 -> 循環叫做死循環

示例代碼:

/* 變量聲明并賦值 */
var result = 1;
/* 條件表達式 */
while (result <= 10) {
    console.log("這是while循環語句執行...");
    /* 利用自增停止循環效果 */
    result++;// 改變變量的值，至少有一次讓條件表達式計算的結果為false
}

console.log("這是while循環語句執行完畢后...");

控制臺效果圖:

while語句的執行流程圖:

語法:

do {
語句塊
} while (條件表達式);

注意:

while關鍵字后面的小括號"( )"不能省略

while關鍵字后面的條件判斷的結果必須是布爾值,如果不是JavaScript會自動轉換成布爾值

while語句中的大括號"{ }"可以省略,但是不建議省略,以便提高代碼的閱讀性

示例代碼:

/* 變量聲明并賦值 */
var result = 0;

do {
    console.log(result);
    /* 利用自增結束循環 */
    result++;
    /* 條件表達式 */
} while (result <= 10);

備注: while語句與do...while語句的區別

while語句 - 是先判斷，再執行

do...while語句 - 是先執行，再判斷

for語句時一種簡潔的循環語句,其中包括三個重要的部分

初始化表達式 - 用于初始化控制循環的變量

條件判斷表達式 - 用于判斷是否要結束循環

循環控制表達式 - 用于控制結束循環的節點

注意:

for語句的語法要求并不強制必須定義以上三個表達式

一旦省略三個表達式的話，表達式的分隔符必須存在

語法:

for (初始化表達式; 條件判斷表達式; 循環控制表達式) {
語句塊
}
示例代碼:

/* 變量聲明并初始化值 */
var v = 0;
for (var v = 0; v < 10; v++) {
    console.log(v);
}

控制臺調用結果圖:

while語句與for語句對比圖:

作用 - JavaScript代碼從指定位置跳轉到另一個指定的位置

場景 - 跳轉語句只能用于循環執行結構，而不能用于條件判斷結構

注意 - switch...case語句中使用的break，并不是break的用法，而是switch語句的用法

表示結束整體循環

示例代碼:

for (var i=0; i<9; i++) {
    if (i == 4) {
        break;
    }
    console.log(i);
}

調用臺效果圖:

表示結束本次循環

示例代碼:

for (var i=0; i<9; i++) {
    if (i == 4) {
        continue;
    }
    console.log(i);
}

控制臺效果圖: