|
3.1 循環(huán)語(yǔ)句 3.1.1 while 語(yǔ)法 While (條件表達(dá)式) { 循環(huán)執(zhí)行代碼段； } 流程 1、判斷條件表達(dá)式的值； 2、當(dāng)值為ture時(shí)循環(huán)執(zhí)行代碼段； 3、當(dāng)值為false時(shí)退出循環(huán)體； 特性 先檢查條件，再執(zhí)行循環(huán)； 條件不滿足則循環(huán)一次也不執(zhí)行； 時(shí)機(jī) 一個(gè)動(dòng)作被重復(fù)執(zhí)行到滿足某個(gè)條件時(shí)； 3.1.2 do-while 語(yǔ)法 do{ 循環(huán)執(zhí)行代碼段 }While (條件表達(dá)式); 流程 1、先執(zhí)行循環(huán)體內(nèi)代碼段再進(jìn)行判斷； 2、如果表達(dá)式的值為ture，則循環(huán)執(zhí)行代碼段； 3、如果表達(dá)式的值為false，則退出循環(huán)體； 特性 先執(zhí)行循環(huán)體，再進(jìn)行條件判斷； 循環(huán)體內(nèi)代碼至少執(zhí)行一次； 時(shí)機(jī) 希望一個(gè)動(dòng)作至少被執(zhí)行一次時(shí)； 3.1.3 for循環(huán) 語(yǔ)法 for(循環(huán)變量=初值；循環(huán)條件；遞增/遞減計(jì)數(shù)器){ 循環(huán)代碼段 } 流程 1、用循環(huán)變量初始值與循環(huán)條件相比較，確定返回值； 2、如果返回值為ture，則執(zhí)行循環(huán)體； 3、執(zhí)行完一次后進(jìn)行遞增/遞減運(yùn)算； 4、將運(yùn)算結(jié)果與循環(huán)條件相比較； 5、如果返回值為ture則繼續(xù)執(zhí)行循環(huán)體，如果返回值為false則退出循環(huán)體； 時(shí)機(jī) 重復(fù)一個(gè)動(dòng)作到一定次數(shù)時(shí)； 3.1.4 for-in 語(yǔ)法 for(聲明變量in對(duì)象){ 代碼段 } 作用：枚舉對(duì)象屬性 注意事項(xiàng) 循環(huán)輸出的屬性順序不可預(yù)知； 對(duì)象的值不能是null或undefined； 3.2 跳轉(zhuǎn)語(yǔ)句 return 終止函數(shù)體的運(yùn)行，并返回一個(gè)值； break 終止整個(gè)循環(huán)，不再進(jìn)行判斷； continue 結(jié)束本次循環(huán)，接著去判斷是否執(zhí)行下次循環(huán)； 3.3 選擇語(yǔ)句 3.3.1 if 句法 if (條件表達(dá)式1) { 代碼段1 }else if (條件表達(dá)式2){ 代碼段2 }else{ 代碼段3 } 流程 1、判斷條件1，如果返回值為ture,則執(zhí)行代碼段1； 2、如果條件1的返回值為false,則跳過(guò)語(yǔ)句塊1并檢測(cè)條件2； 3、如果所有表達(dá)式的值為false則執(zhí)行else后面的語(yǔ)句； 特性 1、結(jié)構(gòu)復(fù)雜，可嵌套； 2、可測(cè)試多個(gè)條件表達(dá)式； 3、表達(dá)式的值具有線性特征； 4、表達(dá)式的值是動(dòng)態(tài)的； 5、適用于任意類型的數(shù)據(jù)； 6、可處理復(fù)雜的邏輯關(guān)系； 3.3.2 switch 句法 switch(條件表達(dá)式)｛ case 標(biāo)簽1： 代碼段1； break; …… …… default; 代碼段n; ｝ 流程 1、計(jì)算表達(dá)式的值，并與各標(biāo)簽相比較； 2、若找到與之匹配的標(biāo)簽，則執(zhí)行其后的代碼段； 3、若沒(méi)有找到與之匹配的標(biāo)簽則直接執(zhí)行default之后的代碼段； 格式 1、case標(biāo)簽為常量，可以是字符串或數(shù)字； 2、每個(gè)標(biāo)簽均以冒號(hào)結(jié)束； 3、雖然break與default為可選項(xiàng)，但為了邏輯清晰最好不要省略； 4、case標(biāo)簽的值必須和條件表達(dá)式的值完全匹配； 特性 1、結(jié)構(gòu)簡(jiǎn)潔，專為多重選擇設(shè)計(jì)； 2、僅可測(cè)試一條條件表達(dá)式； 3、表達(dá)式的值具有離散性； 4、表達(dá)式的值是固定的，不會(huì)動(dòng)態(tài)變化的； 5、僅能應(yīng)用整數(shù)，枚舉，字符串等類型數(shù)據(jù)； 6、僅能處理多個(gè)枚舉型邏輯關(guān)系； 3.4異常處理語(yǔ)句 throw 主動(dòng)拋出異常； try指明需要處理的代碼段； catch捕獲異常； finally后期處理； 3.5 示例代碼 <!DOCTYPE html> <html> <body> <h1>My Web Page</h1> <p id="myPar">I am a paragraph.</p> <div id="myDiv">I am a div.</div> <p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</button> </p> <script> function myFunction() { document.getElementById("myPar").innerHTML="Hello World"; document.getElementById("myDiv").innerHTML="How are you?"; } </script> <p>當(dāng)您點(diǎn)擊上面的按鈕時(shí)，兩個(gè)元素會(huì)改變。</p> </body> </html> 查看結(jié)果: |
|
|
來(lái)自： 大文豪賢斌學(xué)長(zhǎng) > 《待分類》
