運算式和陳述句
運算式------
一個運算式可以產生一個值，有可能式運算，函式呼叫，有可能是字面量，運算式可以放在任何需要值的地方
陳述句-----
陳述句可以理解為一個行為，回圈陳述句和判斷陳述句就是典型的陳述句，一個程式有很多個陳述句組成，一般情況下；分割一個一個的陳述句
流程控制（代碼的執行程序）
三種方式：
- 1.順序結構---從上到下，從左到右執行的順序
-
2.分支結構---if陳述句，if-else陳述句，if-else if-else if...陳述句，switch-case陳述句，三元運算式陳述句
if陳述句
語法結構
if (/* 條件運算式 */) { // 執行陳述句 } if (/* 條件運算式 */){ // 成立執行陳述句 } else { // 否則執行陳述句 } if (/* 條件1 */){ // 成立執行陳述句 } else if (/* 條件2 */){ // 成立執行陳述句 } else if (/* 條件3 */){ // 成立執行陳述句 } else { // 最后默認執行陳述句 }if陳述句只有一個分支 if-else陳述句有兩個分支,最終執行一個分支 if-else if-else if-else if-else if..........else---多分支,最終也是執行一個
三元運算子
運算式1 ? 運算式2 : 運算式3
是對if……else陳述句的一種簡化寫法
switch陳述句
switch(運算式){ case 值1:代碼1;break; case 值2:代碼2;break; case 值3:代碼3;break; case 值4:代碼4;break; ...多個case default:代碼5; } 執行程序: * 獲取運算式的值,和值1比較,如果一樣,則執行代碼1,遇到break則跳出整個的陳述句,后面代碼不執行 * 如果運算式的值和值1不一樣,則和值2比較,如果相同則執行代碼2,遇到break則跳出 * 否則和值3比較,相同則執行代碼3,遇到break,跳出,否則和值4比較,相同則執行代碼4,遇到break則跳出,否則直接執行代碼5 default后面的break是可以省略的 default也可以省略break可以省略，如果省略，代碼會繼續執行下一個case
switch陳述句在比較值時使用的是全等運算子，因此不會發生型別轉換（例如：字串“10”不等于10）
分支陳述句總結###
1.if陳述句：一個分支
2.if-else陳述句：倆個分支，最終只執行一個
3.if-else if-else if-else if...陳述句：多個分支，最終只執行一個
4.switch-case陳述句：多分支陳述句，最終也會一個（必須要有break的情況下）
5.三元運算式：和if-else陳述句一樣
一般對范圍的判斷時--使用if-else if....
一般對具體的值的判斷---使用switch-case陳述句
布爾型別的隱式轉換
流程控制陳述句會把后面的值隱式轉換成布爾型別
轉換為true 非空字串 非0數字 true 任何物件
轉換成false 空字串 0 false null undefinedvar message; // 會自動把message轉換成false if (message) { // todo... }
-
3.回圈結構---while回圈，do-while回圈，for回圈，for-in回圈
回圈：一件事不斷的或者重復的執行
回圈需要有結束的條件，回圈還應該有計時器（記錄回圈的次數）
while回圈
語法：
計時器 var 變數=0； while（回圈的條件）{ 回圈體； 計數器++； }
執行程序：先判斷條件是否成立，條件結果是true還是false，如果是false，那么回圈的代碼（while大括號中的代碼全部不執行），如果為true，那么執行while里的代碼回圈體，再執行計時器，再次判斷...直到不滿足條件，退出結束回圈體，
do...while回圈
語法：
var i=0;----計時器 do{ 回圈體 計時器++ }while（條件）；
執行程序：先執行一次回圈體，然后判斷條件是否成立，不成立，則跳出回圈；成立則執行回圈體，然后再判斷條件是否成立，成立則繼續回圈，直到不滿足條件則跳出
while和do-while區分特點
while：先判斷后回圈，有可能一次回圈體都不執行
do-while：先回圈后判斷，至少要執行一次回圈體
for回圈
while和do...while一般用來解決無法確認次數的回圈，for回圈一般在回圈次數確定的時候比較方便
語法：
// for回圈的運算式之間用的是;號分隔的，千萬不要寫成,
for (初始化運算式1; 判斷運算式2; 自增運算式3) {
// 回圈體4
}
執行順序：1243--243--243（直到回圈條件變成false）
1--初始化運算式
2--判斷運算式
3--自增運算式
4--回圈體
continue和break
break:立即跳出整個回圈，即回圈結束，開始執行回圈后面的內容（直接跳到大括號）
continue:立即跳出當前回圈，繼續下一次回圈（跳到i++的地方）
除錯
過去除錯JS的方式
alert（）；
console.log()；
斷點除錯
點除錯是指自己在程式的某一行設定一個斷點，除錯時，程式運行到這一行就會停住，然后你可以一步一步往下除錯，除錯程序中可以看各個變數當前的值，出錯的話，除錯到出錯的代碼行即顯示錯誤，停下，
除錯步驟:寫代碼---打開瀏覽器--F12(開發人員工具)--->Sources---雙擊檔案,在某一行代碼前面點擊一下(出現的東西就是斷點) 除錯中的相關操作 watch：監視，通過watch可以監視變數值的變化，很常用 f10:程式單步執行，讓程式一行一行的執行，這個時候，觀察watch中變數值的變化 f8:跳到下一個斷點處，如果后面沒有斷電了，則程式執行結束 tips: 監視變數，不要監視運算式，因為監視了運算式，那么這個運算式也會執行，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/242294.html
標籤：其他
上一篇：Vue實作隨機驗證碼功能
下一篇：淺談vue原理（二）