JavaScript中的語句我的分享

語句

語句的概述

• 在JavaScript中,語句使用分號( ; )進行分隔.
• 能夠在一行編寫一條語句,也能夠在一行編寫多條語句
• 語句分類分別是:

1. 條件語句: 就是根據一個值判斷是執行仍是跳過指定語句
2. 循環語句: 就是根據一個值判斷是否須要重複執行指定語句
3. 跳轉語句: 就是跳轉到指定語句

• 注意:

1. 建議一行儘可能只編寫一行語句 - 緣由: 是便於提升代碼的閱讀性
2. JavaScript解釋器是按照語句的編寫順序依次進行執行的

---

語句塊

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

示例代碼:

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

---

空語句

• 空語句就是不編寫任何內容,JavaScript解釋器不會作任何執行操做
• 注意: 若是有須要用空語句的地方最好添加註釋

示例代碼:

;// 表示空語句

---

條件語句

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

if語句

• 語法:
  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語句

• 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語句執行圖:

---

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後的語句塊中繼續編寫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語句

• 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語句又稱枚舉 - 將計算結果可能的值儘可能的羅列完整

• 語法:
  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語句

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

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

  • 在循環的過程當中，至少有一次計算結果爲false -> 結束循環
• 若是沒有這樣的一個變量的話 -> 循環叫作死循環

示例代碼:

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

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

控制檯效果圖:

while語句的執行流程圖:

---

do...while語句

• 語法:

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

• 注意:

1. while關鍵字後面的小括號"( )"不能省略
2. while關鍵字後面的條件判斷的結果必須是布爾值,若是不是JavaScript會自動轉換成布爾值
3. while語句中的大括號"{ }"能夠省略,可是不建議省略,以便提升代碼的閱讀性

示例代碼:

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

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

• 備註: while語句與do...while語句的區別

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

---

for語句

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

1. 初始化表達式 - 用於初始化控制循環的變量
2. 條件判斷表達式 - 用於判斷是否要結束循環
3. 循環控制表達式 - 用於控制結束循環的節點

• 注意:

1. for語句的語法要求並不強制必須定義以上三個表達式
2. 一旦省略三個表達式的話，表達式的分隔符必須存在

• 語法:

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

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

控制檯調用結果圖:

while語句與for語句對比圖:

---

跳轉語句

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

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

  • 注意 - switch...case語句中使用的break，並非break的用法，而是switch語句的用法

---

break語句

• 表示結束總體循環

示例代碼:

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

調用臺效果圖:

---

continue語句

• 表示結束本次循環

示例代碼:

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

控制檯效果圖: