—————————————————
JavaScript語(yǔ)法結(jié)構(gòu)

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

流程控制

流程控制的概念

在一個(gè)程序的執(zhí)行過(guò)程中。每行代碼的執(zhí)行順序如果不同，對(duì)于程序的執(zhí)行結(jié)果是不一樣的。一般情況下需要人為控制代碼的執(zhí)行過(guò)程以達(dá)到我們需要的效果

通過(guò)一定的手段控制代碼的執(zhí)行順序

分類(lèi)

順序結(jié)構(gòu)：標(biāo)準(zhǔn)的從上往下執(zhí)行的順序

分支結(jié)構(gòu)：通過(guò)判斷一定的條件選擇所要執(zhí)行的代碼，而產(chǎn)生若干分支

循環(huán)結(jié)構(gòu)：通過(guò)一定的條件約束部分代碼重復(fù)執(zhí)行若干次

順序流程

最簡(jiǎn)單最基本的流程控制，默認(rèn)的程序代碼按照從上往下的順序依次執(zhí)行

分支流程

分支結(jié)構(gòu)

代碼由上往下執(zhí)行的過(guò)程中，根據(jù)條件進(jìn)行選擇不同的代碼執(zhí)行路徑，從而程序的執(zhí)行結(jié)果也不一樣

JS中提供了if語(yǔ)句，switch語(yǔ)句

IF語(yǔ)句

// 判斷條件成立了(結(jié)果為true)，則執(zhí)行花括號(hào)內(nèi)的程序代碼 if(判斷條件){// 內(nèi)部的執(zhí)行代碼沒(méi)有數(shù)量限制，一般當(dāng)執(zhí)行代碼只有一句代碼時(shí)可以省略花括號(hào)，但是一般不建議 } if(條件){// 條件的結(jié)果為true時(shí)執(zhí)行的語(yǔ)句 }else{// 條件的結(jié)果為false時(shí)執(zhí)行的語(yǔ)句 }

? 注意：if…else…分支結(jié)構(gòu)就相當(dāng)于之前的三元表達(dá)式，不同的是三元表達(dá)式只能處理比較簡(jiǎn)單的并且最終有一個(gè)返回值的一條語(yǔ)句

if(條件1){// 條件1的結(jié)果為true時(shí)執(zhí)行的語(yǔ)句 }else if(條件2){// 條件2的結(jié)果為true時(shí)執(zhí)行的語(yǔ)句 }else{// 條件1和條件2都為false時(shí)執(zhí)行的語(yǔ)句 }

遇到分支嵌套，標(biāo)準(zhǔn)都是從外往內(nèi)進(jìn)行逐個(gè)條件判斷

Switch語(yǔ)句

switch(表達(dá)式){case value1: // 如果表達(dá)式的結(jié)果是value1的話(huà)，執(zhí)行語(yǔ)句1// 語(yǔ)句1break;case value2: // 如果表達(dá)式的結(jié)果是value2的話(huà)，執(zhí)行語(yǔ)句2// 語(yǔ)句2break;default:// 如果表達(dá)式的結(jié)果和上面的每一個(gè)value都不同則默認(rèn)執(zhí)行default下的語(yǔ)句 }

switch：開(kāi)關(guān)

case：選項(xiàng)，這個(gè)選項(xiàng)是用來(lái)和switch內(nèi)的表達(dá)式進(jìn)行匹配的

關(guān)鍵字switch后面跟的可以是表達(dá)式，也可以是一個(gè)變量

關(guān)鍵字case后面跟一個(gè)數(shù)據(jù)值也可以是一個(gè)表達(dá)式，每個(gè)case最后面必須有一個(gè)冒號(hào)；

每個(gè)case的結(jié)束使用break結(jié)束，但是并非每一個(gè)case后面都要寫(xiě)這個(gè)break，前提是這個(gè)case不是switch中的最后的一個(gè)case

break也可以被其他的邏輯控制進(jìn)行替換

循環(huán)流程

for循環(huán)

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

第一步執(zhí)行初始化變量，可以寫(xiě)在for之后的小括號(hào)中，也可以寫(xiě)在for語(yǔ)句之前

第二步進(jìn)行條件表達(dá)式判斷，如果條件成立了(true)則執(zhí)行循環(huán)體

第三步每次執(zhí)行完一遍循環(huán)體則進(jìn)行操作表達(dá)式的執(zhí)行，操作表達(dá)式可以寫(xiě)在for之后的小括號(hào)中，也可以寫(xiě)在循環(huán)體中

第四步當(dāng)執(zhí)行完操作表達(dá)式之后再進(jìn)行條件表達(dá)式判斷，看是否為true以便決定是否再次循環(huán)

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

死循環(huán)是指一直進(jìn)行循環(huán)，沒(méi)有終止，一般在編程中盡量要避免死循環(huán)情況出現(xiàn)

for循環(huán)嵌套

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

內(nèi)層循環(huán)可以看做外層循環(huán)的循環(huán)體

內(nèi)層循環(huán)執(zhí)行的順序也要遵循for循環(huán)的執(zhí)行順序

外層循環(huán)執(zhí)行一次，內(nèi)存循環(huán)執(zhí)行一圈

While循環(huán)

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

先執(zhí)行條件表達(dá)式的判斷，如果為true的話(huà)執(zhí)行進(jìn)行循環(huán)體，如果為false直接跳過(guò)這個(gè)循環(huán)模塊

執(zhí)行循環(huán)體代碼

循環(huán)體代碼執(zhí)行完畢，程序會(huì)再次回到條件表達(dá)式進(jìn)行判斷結(jié)果，相當(dāng)于回到第一步

所以在使用while循環(huán)時(shí)一定要注意，在循環(huán)體內(nèi)部設(shè)置一個(gè)循環(huán)終止的程序，否則就會(huì)陷入死循環(huán)

do…while循環(huán)

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

先進(jìn)入do之后的花括號(hào)，執(zhí)行一遍循環(huán)體

第二步進(jìn)入while之后的條件表達(dá)式進(jìn)行判斷，如果判斷結(jié)果成立為true的話(huà)再次回到第一步執(zhí)行一遍循環(huán)體，如果不成立為false的話(huà)則循環(huán)結(jié)束

總結(jié)while循環(huán)和do…while循環(huán)的區(qū)別在于：while是先進(jìn)行判斷在進(jìn)行執(zhí)行循環(huán)體，如果第一次判斷不成立則直接跳過(guò)循環(huán)。而do…while先執(zhí)行一遍循環(huán)體再進(jìn)行判斷，根據(jù)判斷結(jié)果決定是否繼續(xù)循環(huán)，循環(huán)體無(wú)論怎樣都會(huì)執(zhí)行一遍

流程控制關(guān)鍵字

簡(jiǎn)介

通過(guò)某些關(guān)鍵字對(duì)循環(huán)結(jié)構(gòu)或者分支結(jié)果進(jìn)行控制的特殊關(guān)鍵字。

三個(gè)關(guān)鍵字

break：關(guān)鍵字用于立刻跳出當(dāng)前的整個(gè)循環(huán)

continue：關(guān)鍵字用于立刻跳出本次循環(huán)，繼續(xù)進(jìn)入下一次循環(huán)

return：關(guān)鍵字用于立刻結(jié)束整個(gè)模塊

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。