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