摘要：語句語句概述在中語句使用分號進行分隔可以在每行編寫一條語句也可以在每行編寫多條語句語句塊中使用一堆花括號表示一個語句塊使用語句塊為語句進行分組這樣使語句的結構清晰明了空語句空語句允許包含條語句解釋器執(zhí)行空語句時不會執(zhí)行任何動作流程控制語句解

在JavaScript中 語句使用分號(;)進行分隔 可以在每行編寫一條語句 也可以在每行編寫多條語句

語句塊

JavaScript中使用一堆花括號({})表示一個語句塊 使用語句塊為語句進行分組 這樣使語句的結構清晰明了

空語句

空語句允許包含0條語句 JavaScript解釋器執(zhí)行空語句時 不會執(zhí)行任何動作

流程控制語句

JavaScript解釋器按照語句的編寫順序依次執(zhí)行 但也可以編寫一些復雜的語句塊 分為 順序執(zhí)行 選擇執(zhí)行 循環(huán)執(zhí)行

條件語句是什么

條件語句就是指通過判斷指定的計算結果 來絕對是執(zhí)行還是跳過指定的語句塊
如果說JavaScript解釋器是按照代碼的"路徑"執(zhí)行的話 那條件語句就是這條路上的分叉點 代碼執(zhí)行到這里時必須選擇其中一條路徑繼續(xù)執(zhí)行
JavaScript提供了兩種條件語句:if...else語句和switch...case語句

1.if語句是條件判斷語句 也是最基本的流程控制語句
2.if關鍵字后面的小括號不能被省略
3.if關鍵字后面的條件判斷的結果必須是布爾值 如果結果為非布爾值的話 JavaScript會自動轉換為布爾值
4.if語句中的大括號({})可以省略 但是建議編寫 提高代碼閱讀性

 if (條件表達式){
 語句塊 當條件表達計算結果為true時才執(zhí)行
}

條件表達式:
*作用 控制是否執(zhí)行指定的語句塊
*結果 一般為Boolean類型的值(true|false)
*問題 如果條件表達式計算的結果不是Boolean類型
*將結果強行轉換為Boolean類型 再進行判斷

    var result = true;// boolean類型值
    var v;/* 定義變量，但不初始化 */
    /*if (v = "臥龍學苑") {/!* 將變量的初始化操作，放置在條件表達式中 *!/
        console.log("這是if語句執(zhí)行的語句塊...");
    }*/
    // 等價于以下寫法
    v = "臥龍學苑";/* 變量的初始化操作 */
    if (v) {
        console.log("這是if語句執(zhí)行的語句塊...");
    }

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

if...else語句語句是條件判斷語句 但是與if語句的執(zhí)行流程并不同
if...else語句的執(zhí)行流程:
1.判斷條件的結果是true還是false
2.當結果為true時 執(zhí)行下面的語句塊1
3.當結果為false時 執(zhí)行下面的語句塊2
4.繼續(xù)執(zhí)行語句塊3

    var result = false;
    /*
        if...else語句
        if (條件表達式) {
            語句塊一
        } else {
            語句塊二
        }
     */
    if (result) {
        console.log("這是語句塊一...");
    } else {
        console.log("這是語句塊二...");
    }

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

if語句的注意事項

if語句與if...else語句
1.對應的語句塊的大括號"{}" 允許被省略的
2.前提:當前語句塊中只存在一條語句時
3.省略大括號"{}"時 JavaScript默認認為后面的第一條語句是被控制的語句塊內容
4.結論:建議按照語法規(guī)則編寫

if...else語句嵌套

if...else語句支持嵌套寫法 也就是說 可以在if或else后面的語句塊中據需偏斜if...else語句

    var score = 65;

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

1.else...if語句是在if語句的基礎上 允許提供多個條件判斷
2.else...if語句實際上就是簡化版的if...else語句的嵌套寫法

    var score = 65;

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

    /*
        if (條件表達式一) {
            語句塊一
        } else if (條件表達式二) {
            語句塊二
        } else {
            語句塊三
        }
        * else if語句沒有任何限制
     */
    if (score > 90) {
        console.log("優(yōu)秀");
    } else if (score > 80) {
        console.log("良好");
    } else {
        console.log("及格");
    }

1.switch...case語句是開關語句 但整體執(zhí)行流程要比if...else語句復雜的多
2.實際開發(fā)中 switch...case語句與break語句同時使用
枚舉 將計算結果可能的值盡量的羅列完整

switch (條件表達式) {
    case 值一:
        語句塊一
    case 值二:
        語句塊二
    ... ...
    default:
        語句塊N
}

*條件表達式 不一定是Boolean類型 計算結果分別與case語句的值進行比較
*條件表達式計算結果與case語句的值是全等比較(既要比較值 也要比較類型)
*case語句 羅列可能的匹配值
*對應的語句塊最后添加 break 關鍵字 當執(zhí)行對應的語句塊之后 停止繼續(xù)執(zhí)行
*default語句 類似于if...else語句中的else語句
*當以上所有case語句的值都不匹配時 默認執(zhí)行default語句對應的語句塊
*注意:不是default語句不需要使用break關鍵字 而是default默認一般被編寫在最后

    var result = "0";

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

循環(huán)語句是一系列反復執(zhí)行到符合特定條件的語句 為了更好的理解循環(huán)語句 可以將JavaScript代碼想象成一條條的分支路徑 循環(huán)語句就是代碼路徑中的一個回路 可以讓一段代碼重復執(zhí)行
循環(huán)語句的執(zhí)行流程如下:
1.執(zhí)行語句塊
2.判斷條件的計算值是true還是false
3.如果是true 則重復執(zhí)行語句塊
4.如果是false 則繼續(xù)執(zhí)行后面的代碼

while語句

while語句是一個基本循環(huán)語句 語法結構與if語句很類似
while語句的執(zhí)行流程如下:
1.執(zhí)行while語句的條件判斷是true還是false
2.如果是true 執(zhí)行語句塊 然后重新計算while語句的條件判斷是true還是false
3.如果為false 則跳過語句塊 繼續(xù)執(zhí)行下面的代碼
4.while關鍵字后面的小括號不能被省略
5.while關鍵字后面的條件判斷的結果必須是布爾值 如果結果為非布爾值的話 JavaScript會自動轉換為布爾值
6.while語句中的大括號({})可以省略 但是建議編寫 提高代碼閱讀性

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

*必須通過一個變量值的改變 控制條件表達式的計算結果
*在循環(huán)的過程中 至少有一次計算結果為false - 結束循環(huán)
*如果沒有這樣的一個變量的話 - 循環(huán)叫做死循環(huán)

    var result = 1;
    while (result <= 10) {
        console.log("這是while循環(huán)語句執(zhí)行...");
        result++;// 改變變量的值，至少有一次讓條件表達式計算的結果為false
    }

    console.log("這是while循環(huán)語句執(zhí)行完畢后...");

do...while語句
do...while語句也是一個基本循環(huán)語句 執(zhí)行流程與while語句很類似

do...while語句的執(zhí)行流程如下:
1.執(zhí)行語句塊
2.執(zhí)行while語句的條件判斷是true還是false
3.如果是true 執(zhí)行語句塊 然后重新計算while語句的條件判斷是true還是false
4.如果為false 繼續(xù)執(zhí)行下面的代碼

var result = 0;
/*
        do {
            語句塊
        } while (條件表達式);
     */
    do {
        console.log(result);
        result++;
    } while (result <= 10);

while與do...while語句的區(qū)別

var result = 0;
// while語句 - 先判斷，再執(zhí)行
while (result > 0) {
    console.log("while語句");
}
// do...while語句 - 先執(zhí)行，再判斷
do {
    console.log("do...while語句");
} while (result > 0);

for語句

for語句是一種最簡潔的循環(huán)語句 其中有三個重要部分:
1.初始化表達式:初始化一個計數(shù)器 在循環(huán)開始前計算初始狀態(tài)(用于初始化控制循環(huán)的變量)
2.條件判斷表達式:判斷給定的狀態(tài)是否為true 如果條件為true 則執(zhí)行語句塊 否則跳出循環(huán)(用于判斷是否要結束循環(huán))
3.循環(huán)操作表達式:改變循環(huán)條件 修改計數(shù)器的值(用于控制結束循環(huán)的節(jié)點)
注意:for語句的語法要求并不強制必須定義以上三個表達式
一旦省略三個表達式的話 表達式的分隔符必須存在

    var v = 0;
    while (v < 10) {
        console.log(v);
        v++;
    }
    console.log(v);

    var v = 0;
    for (; v < 10; ) {
        console.log(v);

        v++
    }

跳轉語句概述

JavaScript中的另一種語句就是跳轉語句 從名稱就可以看出 它使得JavaScript代碼的執(zhí)行可以從一個位置到另一個位置
跳轉語句只能用于循環(huán)執(zhí)行結構 而不能用于條件判斷結構
注意:switch...case語句中使用的break，并不是break的用法，而是switch語句的用法
跳轉語句提供了break和continue兩種 用于跳轉當前的循環(huán)或開始下一次的循環(huán)等

break和continue語句

循環(huán)語句中的跳轉語句
break語句: 表示結束整體循環(huán)
continue語句: 表示結束本次循環(huán)

break語句

    var result = 0;
    switch (result) {
        case 0:
            console.log(0);
            break;
        case 1:
            console.log(1);
            break;
        default:
            console.log(2);
    }

    if (true) {
        console.log("if語句...");
        break;
    }

continue語句

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