摘要：語句語句的概述在中語句使用分號進(jìn)行分隔可以在一行編寫一條語句也可以在一行編寫多條語句語句分類分別是條件語句就是根據(jù)一個(gè)值判斷是執(zhí)行還是跳過指定語句循環(huán)語句就是根據(jù)一個(gè)值判斷是否需要重復(fù)執(zhí)行指定語句跳轉(zhuǎn)語句就是跳轉(zhuǎn)到指定語句注意建議一行盡量只

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

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

語句分類分別是:

條件語句: 就是根據(jù)一個(gè)值判斷是執(zhí)行還是跳過指定語句

循環(huán)語句: 就是根據(jù)一個(gè)值判斷是否需要重復(fù)執(zhí)行指定語句

跳轉(zhuǎn)語句: 就是跳轉(zhuǎn)到指定語句

注意:

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

JavaScript解釋器是按照語句的編寫順序依次進(jìn)行執(zhí)行的

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

示例代碼:

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

空語句就是不編寫任何內(nèi)容,JavaScript解釋器不會(huì)做任何執(zhí)行操作

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

示例代碼:

;// 表示空語句

條件語句就是通過判斷指定的計(jì)算結(jié)果來決定是執(zhí)行還是跳過指定語句塊

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

   語句塊 - 當(dāng)條件表達(dá)式計(jì)算結(jié)果為true時(shí)才執(zhí)行

}

條件表達(dá)式:

作用 - 控制是否執(zhí)行指定的語句塊

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

問題 - 如果條件表達(dá)式計(jì)算的結(jié)果不是Boolean類型

將結(jié)果強(qiáng)行轉(zhuǎn)換為Boolean類型，再進(jìn)行判斷

示例代碼:

var result = true;// boolean類型值

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


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


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

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

if語句執(zhí)行流程圖:

if...else語句是提供兩個(gè)語句塊進(jìn)行判斷如果是true就執(zhí)行if,如果是false就執(zhí)行else.

語法:

if...else語句

if (條件表達(dá)式) {

語句塊一

} else {

語句塊二
}

示例代碼:

var result = false;

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

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

if...else語句執(zhí)行圖:

對應(yīng)的語句塊的大括號"{}" - 允許被省略的

前提 - 當(dāng)前語句塊中只存在一條語句時(shí)

省略大括號"{}"時(shí)，JavaScript默認(rèn)認(rèn)為后面的第一條語句是被控制的語句塊內(nèi)容

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

示例代碼:

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

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

控制臺調(diào)用結(jié)果對比圖:

if...else語句支持嵌套,就是說可以在if或else后的語句塊中繼續(xù)編寫if...else語句來進(jìn)行跟多個(gè)判斷

注意: 不建議嵌套三個(gè)以上 - 原因會(huì)影響性能

示例代碼:

var score = 81;

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

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

/* 調(diào)用輸出 */
console.log("優(yōu)秀");

} else {

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

}

else if語句時(shí)在if語句基礎(chǔ)上,允許提供多個(gè)條件判斷

else if語句優(yōu)化了if...else語句的嵌套寫法 - 性能較好

示例代碼:

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

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

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

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

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

條件表達(dá)式 - 不一定是Boolean類型，計(jì)算結(jié)果分別與case語句的值進(jìn)行比較

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

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

對應(yīng)的語句塊最后添加 break 關(guān)鍵字 - 當(dāng)執(zhí)行對應(yīng)的語句塊之后，停止繼續(xù)執(zhí)行

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

當(dāng)以上所有case語句的值都不匹配時(shí)，默認(rèn)執(zhí)行default語句對應(yīng)的語句塊

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

示例代碼:

var result = "0";

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

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

switch...case語句執(zhí)行流程圖:

循環(huán)語句就是重復(fù)執(zhí)行特定的語句達(dá)到循環(huán)效果

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

注意: 必須通過一個(gè)變量值的改變，控制條件表達(dá)式的計(jì)算結(jié)果

在循環(huán)的過程中，至少有一次計(jì)算結(jié)果為false -> 結(jié)束循環(huán)

如果沒有這樣的一個(gè)變量的話 -> 循環(huán)叫做死循環(huán)

示例代碼:

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

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

控制臺效果圖:

while語句的執(zhí)行流程圖:

語法:

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

注意:

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

while關(guān)鍵字后面的條件判斷的結(jié)果必須是布爾值,如果不是JavaScript會(huì)自動(dòng)轉(zhuǎn)換成布爾值

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

示例代碼:

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

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

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

while語句 - 是先判斷，再執(zhí)行

do...while語句 - 是先執(zhí)行，再判斷

for語句時(shí)一種簡潔的循環(huán)語句,其中包括三個(gè)重要的部分

初始化表達(dá)式 - 用于初始化控制循環(huán)的變量

條件判斷表達(dá)式 - 用于判斷是否要結(jié)束循環(huán)

循環(huán)控制表達(dá)式 - 用于控制結(jié)束循環(huán)的節(jié)點(diǎn)

注意:

for語句的語法要求并不強(qiáng)制必須定義以上三個(gè)表達(dá)式

一旦省略三個(gè)表達(dá)式的話，表達(dá)式的分隔符必須存在

語法:

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

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

控制臺調(diào)用結(jié)果圖:

while語句與for語句對比圖:

作用 - JavaScript代碼從指定位置跳轉(zhuǎn)到另一個(gè)指定的位置

場景 - 跳轉(zhuǎn)語句只能用于循環(huán)執(zhí)行結(jié)構(gòu)，而不能用于條件判斷結(jié)構(gòu)

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

表示結(jié)束整體循環(huán)

示例代碼:

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

調(diào)用臺效果圖:

表示結(jié)束本次循環(huán)

示例代碼:

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

控制臺效果圖: