JavaScript--總結二（流程控制+調試）

表達式和語句

表達式------

一個表達式能夠產生一個值，有可能式運算，函數調用，有多是字面量。表達式能夠放在任何須要值的地方

語句-----

語句能夠理解爲一個行爲，循環語句和判斷語句就是典型的語句，一個程序有不少個語句組成，通常狀況下；分割一個一個的語句

流程控制（代碼的執行過程）

三種方式：

• 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 undefined

var 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: 監視變量，不要監視表達式，由於監視了表達式，那麼這個表達式也會執行。