JS note ---語句

RoOK1E發表於2018-08-08
JS

語句

  • JavaScript 語句向瀏覽器發出的命令 語句的作用是告訴瀏覽器該做什麼。
  • JS就是由一條一條的語句構成的 每一條語句使用;結尾
  • JS中的語句預設是由上至下順序執行的 但是我們也可以通過一些流程控制語句來控制語句的執行順序

程式碼塊

  • 程式碼塊是在大括號{}中所寫的語句 將多條語句的集合視為一條語句來使用
  • 一般使用程式碼塊將需要一起執行的語句進行分組 程式碼塊結尾不需要加分號

    {
    var num=100;
    num++';
    console.log(num);
    }

條件語句

  • 條件語句是通過判斷指定表示式的值來決定執行還是跳過某些語句
  • 最基本的條件語句:
    if...else
    swtich...case

if...else語句

-if...else語句是一種最基本的控制語句，它讓JavaScript可以有條件的執行語句
第一種形式: if(表示式)語句

  • if語句是條件判斷語句 是最基本的流程控制語句
  • if語句的執行流程:判斷條件的結果true/false --->當結果為true時,執行下面的程式碼塊 / 當結果為false時 ,會跳過程式碼塊,繼續執行下面的程式碼
    
    if(age>=18){
     alert('您已成年:)');
    }
//if關鍵字後面的()不能省略
//if關鍵字後的判斷條件的結果必須是布林值 如果不是  JS會自動轉換為布林值

第二種形式:if(表示式)語句else語句

  • if...else語句的執行流程:判斷條件的結果為true/false --->結果為true 執行a語句/結果為false 執行b語句 --->繼續執行下面的程式碼塊

    if(age>=18){
    alert('您已成年:)');
} else{
    alert('你還未成年:(');
}

除了if和else還可以使用else if來建立多個條件分支 簡化了if...else語句巢狀的寫法


   if(age < 18){
alert("你還未成年！");
}else if(age <= 30){
alert("您已經是個青年了")
}else{
alert("你已經步入中老年了...");
}

switch...case語句

  • switch...case是另一種流程控制語句
  • switch語句適用於多條分支使用同一條語句的情況
  • switch語句相對於if...else語句效能更優
  • case語句只是標識程式執行的開始，並不是結束 一旦符合case的條件程式會一直執行到結束 所以我們一般會在case中新增break作為語句的結束
switch(語句){
case 表示式1:
語句...
case 表示式2:
語句...
default:
語句...
}
//switch關鍵字後面的小括號 case關鍵字後的:都不能省略
//break是跳出 一旦被執行 後面所有的case和default語句都不會被執行

迴圈語句

  • 迴圈語句也是基本的控制語句
  • 迴圈中的語句只要滿足一定的條件就會一直執行
  • 執行流程:執行程式碼塊 --->判斷條件的結果是true/false --->true 重複執行程式碼塊/false 繼續執行後面的程式碼
  • 和if一樣 while中的條件表示式會被轉換為布林值 只要該值為true 程式碼塊會一直執行
  • 程式碼塊每執行一次 條件表示式就會重新計算

while語句

  • while語句也被稱為while迴圈
  • while語句在執行時，會先對條件表示式進行求值判斷，如果結果為true，則執行while後的語句，執行完畢後，繼續對條件表示式進行求值判斷，如果為true，繼續執行依此類推如果結果false，則退出迴圈語句
 var n=0;
 while(n<10){
 n++;
console.log(n);   // 1,2,3,4,5,6,7,8,9,10
}

do...while語句

  • do...while和while非常類似 但是它會在迴圈的尾部檢查表示式的值 也就是先執行 後判斷
  • do...while迴圈至少會執行一次
  • do...while語句在執行時，會先執行do後的語句，執行完畢後，對while中的條件表示式進行求值判斷 如果結果false，則退出迴圈 如果結果為true，則繼續執行迴圈體，執行完畢後繼續判斷
    var n=11;
      do{
            n++;
            console.log(n)   //12
        }while (n<10);

for語句

  • 大部分迴圈都會有一個計數器用來控線執行迴圈次數 三個關鍵操作是初始化 檢測和更新
  • for迴圈執行流程:執行初始化表示式 初始計數器 --->執行條件表示式 判斷結果是true/false--->如果為false 則繼續執行下面的程式碼/如果為true 則執行程式碼塊--->再執行迴圈操作表示式 重新執行條件表示式
  for(var i=0;i<10;i++){
   console.log(i);    //0,1,2,3,4,5,6,7,8,9
}

break和continue

  • break 和 continue 語句用於在迴圈中精確地控制程式碼的執行
  • 使用break語句會使程式立刻退出最近的迴圈，強制執行迴圈後邊的語句
  • break和continue語句只在迴圈和switch語句中使用
for(var i=0 ; i<5 ; i++){
    if(i==2){
       break;
    }
    console.log(i);       // 0 1
}
  • 使用continue語句會使程式跳過當次迴圈，繼續執行下一次迴圈，並不會結束整個迴圈
  • continue只能在迴圈中使用，不能出現在其他的結構中
for(var i=0 ; i<5 ; i++){
            if(i==2){
                continue;
            }
            console.log(i);       // 0 1 3 4
        }

相關文章