JavaScript控制語句與異常處理

2021-4-21    前端達人

一、if 控制語句

  1. 簡單if語句： 
 if(條件表達式){ 表達式成立時執(zhí)行的代碼段 } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

注意 : 除零值以外,其他值都為真

特殊寫法 : { }可以省略,一旦省略，if語句只控制其后的第一行代碼 

var a = 10; if(a<5){ console.log('成立'); //如果if不成立則不運行 } if(a<5)console.log('成立'); //如果if不成立則不運行 console.log('測試'); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    •
  1. if - else結(jié)構(gòu) 
if(條件表達式){ //條件成立時執(zhí)行 }else{ //條件不成立時選擇執(zhí)行 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •
  1. 多重分支結(jié)構(gòu) 
if(條件1){ //條件1成立時執(zhí)行 }else if(條件2){ //條件2成立時執(zhí)行 }else if(條件3){ //條件3成立時執(zhí)行 }...else{ //條件不成立時執(zhí)行 } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    •

示例： 

var bmi=23.5; if(bmi>23.5){ console.log('肥胖') }else if(bmi>=18.5){ console.log('正常') }else{ console.log('偏瘦') } //正常 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    •

二、switch 選擇控制語句

語法： 

switch(value){ case 值1 : //value與值1匹配全等時,執(zhí)行的代碼段 break; //結(jié)束匹配 case 值2 : //value與值2匹配全等時,執(zhí)行的代碼段 break; case 值3 : //value與值3匹配全等時,執(zhí)行的代碼段 break; default: //所有case匹配失敗后默認(rèn)執(zhí)行的語句 break; } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    •

使用 :

  1. switch語句用于值的匹配,case用于列出所有可能的值;只有switch()表達式的值與case的值匹配全等時,才會執(zhí)行case對應(yīng)的代碼段

  2. break用于結(jié)束匹配,不再向后執(zhí)行;可以省略,break一旦省略,會從當(dāng)前匹配到的case開始,向后執(zhí)行所有的代碼語句,直至結(jié)束或碰到break跳出

  3. default用來表示所有case都匹配失敗的情況,一般寫在末尾,做默認(rèn)操作

  4. 多個case共用代碼段

    case 值1:

    case 值2:

    case 值3:

    以上任意一個值匹配全等都會執(zhí)行的代碼段

注：case表示一個條件，滿足這個條件就會進入該內(nèi)部，遇到break則會跳出，若未寫break則直到遇到下一個break才會停止。 

var gameScore = 'better'; switch(gameScore){ //case表示一個條件 滿足這個條件就會走進來 遇到break跳出。如果某個條件中不寫 break，那么直到該程序遇到下一個break停止 case 'good': console.log('玩的很好') //break表示退出 break; case 'better': console.log('玩的老牛逼了') break; case 'best': console.log('恭喜你 吃雞成功') break; default: console.log('很遺憾') } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    •

三、while 循環(huán)控制語句

語法： 

定義循環(huán)變量; while(循環(huán)條件){ 條件滿足時執(zhí)行的代碼段
   更新循環(huán)變量; } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    •

示例： 

//循環(huán)變量 var i = 1; var sum=0; while(i<101){ //循環(huán)體 console.log(i); sum+=i; //更新循環(huán)變量 i++; } console.log(sum); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    •

四、do-while 循環(huán)

語法： 

do{ 循環(huán)體; 更新循環(huán)變量 }while(循環(huán)條件); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •

示例： 

//循環(huán)輸出一百次 var i = 101; do{ console.log('python'); //更新循環(huán)變量 i++; }while(i<101); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    •

do-while與while循環(huán)的區(qū)別：

  • while循環(huán)先判斷循環(huán)條件,條件成立才執(zhí)行循環(huán)體
  • do-while循環(huán)不管條件是否成立,先執(zhí)行一次循環(huán)體

五、for 循環(huán)控制語句

語法： 

for(定義循環(huán)變量;循環(huán)條件;更新循環(huán)變量){ 循環(huán)體; } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

循環(huán)控制 :

  1. break 強制結(jié)束循環(huán)
  2. continue 結(jié)束當(dāng)次循環(huán),開始下一次循環(huán)

循環(huán)嵌套 : 在循環(huán)中嵌套添加其他循環(huán)

示例： 

/*控制循環(huán)體的執(zhí)行：break/continue*/ for(var i=1;i<10;i++){ console.log(i); if(i==5){ console.log('--------') //一旦執(zhí)行break,循環(huán)體中后面的代碼都不執(zhí)行 break; } } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    •

注：循環(huán)的是獲取的每一個DOM元素值，for...in...是用來循環(huán)對象的所有屬性，DOM元素包括了輸出的屬性，因此不推薦使用for...in...

六、三元運算符 

var a = 1 var b =2 var c = a>b ? a:b //如果a>b成立返回a，否則返回b console.log(c) 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •

七、異常處理

語法： 

try{ 這段代碼從上至下運行，其中任何一個語句拋出異常該代碼塊即結(jié)束運行。 }catch(e){ 如果try代碼塊中拋出異常，catch代碼塊中代碼就會被執(zhí)行；
    e為一個局部變量，用來指向Error對象或者其他拋出的對象。 }finally{ 無論try中代碼是否有異常拋出（甚至是try代碼塊中有return語句）finally代碼塊中始終會被執(zhí)行。 } 



    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    •

注：主動拋出異常：throw Error("xxx")


轉(zhuǎn)自：csdn 論壇 作者：PPPsych


藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



分享本文至：

日歷

鏈接

個人資料

存檔