—————————————————
JavaScript語法結構

「流程控制」
—————————————————

流程控制

流程控制的概念

在一個程序的執行過程中。每行代碼的執行順序如果不同，對于程序的執行結果是不一樣的。一般情況下需要人為控制代碼的執行過程以達到我們需要的效果

通過一定的手段控制代碼的執行順序

分類

順序結構：標準的從上往下執行的順序

分支結構：通過判斷一定的條件選擇所要執行的代碼，而產生若干分支

循環結構：通過一定的條件約束部分代碼重復執行若干次

順序流程

最簡單最基本的流程控制，默認的程序代碼按照從上往下的順序依次執行

分支流程

分支結構

代碼由上往下執行的過程中，根據條件進行選擇不同的代碼執行路徑，從而程序的執行結果也不一樣

JS中提供了if語句，switch語句

IF語句

// 判斷條件成立了(結果為true)，則執行花括號內的程序代碼 if(判斷條件){// 內部的執行代碼沒有數量限制，一般當執行代碼只有一句代碼時可以省略花括號，但是一般不建議 } if(條件){// 條件的結果為true時執行的語句 }else{// 條件的結果為false時執行的語句 }

? 注意：if…else…分支結構就相當于之前的三元表達式，不同的是三元表達式只能處理比較簡單的并且最終有一個返回值的一條語句

if(條件1){// 條件1的結果為true時執行的語句 }else if(條件2){// 條件2的結果為true時執行的語句 }else{// 條件1和條件2都為false時執行的語句 }

遇到分支嵌套，標準都是從外往內進行逐個條件判斷

Switch語句

switch(表達式){case value1: // 如果表達式的結果是value1的話，執行語句1// 語句1break;case value2: // 如果表達式的結果是value2的話，執行語句2// 語句2break;default:// 如果表達式的結果和上面的每一個value都不同則默認執行default下的語句 }

switch：開關

case：選項，這個選項是用來和switch內的表達式進行匹配的

關鍵字switch后面跟的可以是表達式，也可以是一個變量

關鍵字case后面跟一個數據值也可以是一個表達式，每個case最后面必須有一個冒號；

每個case的結束使用break結束，但是并非每一個case后面都要寫這個break，前提是這個case不是switch中的最后的一個case

break也可以被其他的邏輯控制進行替換

循環流程

for循環

for(初始化變量;條件表達式判斷;操作表達式){// 循環體 }

第一步執行初始化變量，可以寫在for之后的小括號中，也可以寫在for語句之前

第二步進行條件表達式判斷，如果條件成立了(true)則執行循環體

第三步每次執行完一遍循環體則進行操作表達式的執行，操作表達式可以寫在for之后的小括號中，也可以寫在循環體中

第四步當執行完操作表達式之后再進行條件表達式判斷，看是否為true以便決定是否再次循環

因此綜上總結：初始化變量可以省略，操作表達式也可以省略(直接是死循環)，條件表達式也可以省略(默認為true，直接是死循環)。

死循環是指一直進行循環，沒有終止，一般在編程中盡量要避免死循環情況出現

for循環嵌套

for(初始化變量;條件表達式判斷;操作表達式){for(初始化變量;條件表達式判斷;操作表達式){// 循環體} }

內層循環可以看做外層循環的循環體

內層循環執行的順序也要遵循for循環的執行順序

外層循環執行一次，內存循環執行一圈

While循環

while(條件表達式判斷){//循環體 }

先執行條件表達式的判斷，如果為true的話執行進行循環體，如果為false直接跳過這個循環模塊

執行循環體代碼

循環體代碼執行完畢，程序會再次回到條件表達式進行判斷結果，相當于回到第一步

所以在使用while循環時一定要注意，在循環體內部設置一個循環終止的程序，否則就會陷入死循環

do…while循環

do{// 循環體 }while(條件表達式);

先進入do之后的花括號，執行一遍循環體

第二步進入while之后的條件表達式進行判斷，如果判斷結果成立為true的話再次回到第一步執行一遍循環體，如果不成立為false的話則循環結束

總結while循環和do…while循環的區別在于：while是先進行判斷在進行執行循環體，如果第一次判斷不成立則直接跳過循環。而do…while先執行一遍循環體再進行判斷，根據判斷結果決定是否繼續循環，循環體無論怎樣都會執行一遍

流程控制關鍵字

簡介

通過某些關鍵字對循環結構或者分支結果進行控制的特殊關鍵字。

三個關鍵字

break：關鍵字用于立刻跳出當前的整個循環

continue：關鍵字用于立刻跳出本次循環，繼續進入下一次循環

return：關鍵字用于立刻結束整個模塊

總結

以上是生活随笔為你收集整理的JavaScript运筹帷幄，掌控全局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。