JavaScript控制語(yǔ)句與異常處理

2021-4-21    前端達(dá)人

一、if 控制語(yǔ)句

  1. 簡(jiǎn)單if語(yǔ)句： 
 if(條件表達(dá)式){ 表達(dá)式成立時(shí)執(zhí)行的代碼段 } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

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

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

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

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

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

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •
  1. 多重分支結(jié)構(gòu) 
if(條件1){ //條件1成立時(shí)執(zhí)行 }else if(條件2){ //條件2成立時(shí)執(zhí)行 }else if(條件3){ //條件3成立時(shí)執(zhí)行 }...else{ //條件不成立時(shí)執(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 選擇控制語(yǔ)句

語(yǔ)法： 

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

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    •

使用 :

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

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

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

  4. 多個(gè)case共用代碼段

    case 值1:

    case 值2:

    case 值3:

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

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

var gameScore = 'better'; switch(gameScore){ //case表示一個(gè)條件 滿足這個(gè)條件就會(huì)走進(jìn)來(lái) 遇到break跳出。如果某個(gè)條件中不寫 break，那么直到該程序遇到下一個(gè)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)控制語(yǔ)句

語(yǔ)法： 

定義循環(huán)變量; while(循環(huán)條件){ 條件滿足時(shí)執(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)

語(yǔ)法： 

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)控制語(yǔ)句

語(yǔ)法： 

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

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    •

循環(huán)控制 :

  1. break 強(qiáng)制結(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)的是獲取的每一個(gè)DOM元素值，for...in...是用來(lái)循環(huán)對(duì)象的所有屬性，DOM元素包括了輸出的屬性，因此不推薦使用for...in...

六、三元運(yùn)算符 

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

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •

七、異常處理

語(yǔ)法： 

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



    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    •

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


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


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



分享本文至：

日歷

鏈接

個(gè)人資料

存檔