JavaScript核心語法——語句

語句

語句的概念

語句其實就是JavaScript中的整句或命令,使用分號進行分隔,能夠編寫一句,也能夠編寫多句。
JavaScript中使用花括號({})表示一個語句塊。使用語句塊給語句分組,這樣能夠更加具備可讀性。(語句塊的結尾不須要分號,語句塊中的行都有縮進單並非必須的)。性能

條件語句

條件語句就是指經過判斷指定的計算結果,來決定執行仍是跳過指定的語句塊。
JavaScript提供了兩種條件語句;if...else語句和switch...case語句。
if語句
if條件表達式;語句塊(當條件表達式計算結果爲true時才執行)
做用;控制是否執行指定的語句塊
結果;通常爲Boolean類型的值
問題;若是條件表達式計算的結果不是Boolean類型,把結果強行轉換爲Boolean類型在進行判斷。spa

/*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語句執行完畢後的內容...');

clipboard.png

if...else語句
if...else語句是條件判斷語句,可是和if語句流程並相同code

var result = false;

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

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

clipboard.png
條件語句和條件運算符的區別
1.條件語句可讀性更高,執行的性能更低
2.條件運算符可讀性更低,執行的性能更高
if...else語句嵌套
if...else語句嵌套跟運算符嵌套類似,嵌套多了可讀性就低了。
else...if語句,在if語句的基礎上,容許提供多個條件判斷。
else..if語句和if...else語句嵌套相比,else..if語句沒有嵌套結構,性能更好。ip

clipboard.png

switch...case語句
switch...case語句是開頭語句,可是總體執行流程比if...else語句複雜的多。不過switch...case語句要比if...else語句執行性能更好,可是也有不少須要注意的地方。
好比;1.switch關鍵字後面的小括號和case關鍵字後面的冒號都不能省略的it

  1. break語句是跳出語句的,一旦執行表示後面全部的case和default語句都不會被執行。
var result = '0';
    枚舉 - 將計算結果可能的值儘可能的羅列完整
  
     條件表達式 - 不必定是Boolean類型,計算結果分別與case語句的值進行比較
       條件表達式計算結果與case語句的值是全等比較(既要比較值,也要比較類型)
    case語句 - 羅列可能的匹配值
      對應的語句塊最後添加 break 關鍵字 - 當執行對應的語句塊以後,中止繼續執行
     default語句 - 相似於if...else語句中的else語句
      當以上全部case語句的值都不匹配時,默認執行default語句對應的語句塊
       注意 - 不是default語句不須要使用break關鍵字,而是default默認通常被編寫在最後
    
 
switch (result) {
    case 0:
        console.log('這是數字0');
        break;
    case 1:
        console.log('這是數字1');
        break;
    default:
        console.log('以上結果無一知足');
}

while語句

循環語句是什麼;
循環語句是一系列反覆執行到符合特定條件的語句。爲了更好的理解循環語句,能夠將JavaScript代碼想象成一條條的分支路徑。
循環語句的執行流程圖console

clipboard.png
do...while語句其實也是一個基本循環語句,執行流程和while語句很類似
(注意;while關鍵字後面的小括號不能省略)
1.執行語句塊
2.執行while語句的條件判斷是true仍是false
3.若是爲true,執行語句塊。而後在從新計算
while語句的條件判斷是true仍是false
4.若是爲false,繼續執行下面的代碼
do...while和while語句的區別
1.do...while語句先執行,在判斷
2.while語句先判斷,在執行
當while關鍵字後面的條件第一次執行的時候,若是返回結果是false,那麼while語句的語句塊一次都不會被執行,而do...while語句的語句塊至少被執行一次。
for語句
for語句是一種最簡潔的循環語句。包括三個重要部分
1.初始化表達式;初始化一個計數器,在循環開始前計算初始狀態。
2.條件判斷表達式;判斷給定的狀態是否爲true。若是條件是true就執行語句塊,不然跳出循環。
3.循環操做表達式;改變循環條件,修改計數器的值class

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


    for (初始化表達式; 條件判斷表達式; 循環控制表達式) {
        語句塊
    }
     初始化表達式 - 用於初始化控制循環的變量
     條件判斷表達式 - 用於判斷是否要結束循環
     循環控制表達式 - 用於控制結束循環的節點
    注意:
     for語句的語法要求並不強制必須定義以上三個表達式
     一旦省略三個表達式的話,表達式的分隔符必須存在
 
for (var v = 0; v < 10; v++) {
    console.log(v);
}

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

    v++
}

跳轉語句

JavaScript中另外一種語句就是跳轉語句,他可使JavaScript代碼的執行從一個位置到另外一個位置。跳轉語句提供了break和continue兩種,用於跳轉當前的循環或開始下一次的循環。
break語句是終端語句,用於循環語句或開關語句。基礎

跳轉語句
     做用 - JavaScript代碼從指定位置跳轉到另外一個指定的位置
     場景 - 跳轉語句只能用於循環執行結構,而不能用於條件判斷結構
       注意 - switch...case語句中使用的break,並非break的用法,而是switch語句的用法
     循環語句中的跳轉語句
       break語句 - 表示結束總體循環
       continue語句 - 表示結束本次循環
 
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;
}

for (var i=0; i<9; i++) {
    if (i == 4) {
        continue;
    }
    console.log(i);
}
相關文章
相關標籤/搜索