1 錯誤查看

針對不同的瀏覽器,錯誤的提示不同!但錯誤的提示大同小異,每一個瀏覽器的查看基本都可以通過F12來查看!方便我們快速的找到相應(yīng)的問題,通過關(guān)鍵字來抓取有用的信息

2 錯誤分類
1 代碼錯誤

- syntaxError   //語法錯誤
注意! 一旦出現(xiàn)語法錯誤,則整個代碼都不會再執(zhí)行(上下代碼塊都不會執(zhí)行)

- referenceError    //引用錯誤
注意!一旦出現(xiàn)引用錯誤,則這個代碼后面的代碼不會再執(zhí)行(前面的代碼不會受影響)

- rangeError    //范圍錯誤
注意!與引用錯誤是一樣的,出現(xiàn)范圍錯誤,則后面的代碼不會繼續(xù)執(zhí)行

- typeError    //類型使用不當(dāng)
注意!與引用類型錯誤是一樣的,出現(xiàn)這個錯誤,則后面的的代碼不會執(zhí)行

2 邏輯錯誤
//瀏覽器不會報錯,程序正常運(yùn)行,但是結(jié)果不是我們所想要的
Debugger(代碼調(diào)試)

• 1 在想要調(diào)試的地方加上debugger
  

  圖片1.png

• 2 再次運(yùn)行代碼,顯示進(jìn)入調(diào)試狀態(tài)

  
  
  圖片2.png

• 第一個按鈕：執(zhí)行到下一個debugger語句。

• F10（第二個按鈕）執(zhí)行當(dāng)前的代碼。

• F11(第三個按鈕)進(jìn)入到當(dāng)前代碼的內(nèi)部。如果當(dāng)前代碼是一個函數(shù)的話，則會進(jìn)入函數(shù)的內(nèi)部。如果當(dāng)前代碼只是一句普通的代碼，則與f10的功能是一樣的。

• Shift+f11 (第四個按鈕)從函數(shù)的內(nèi)部跳出來。

注意!
在調(diào)試的過程中，可以通過鼠標(biāo)的懸停，查看變量的值

• 3監(jiān)視變量的變化

圖片3.png

3 錯誤原因
常見的錯誤原因無非以下幾種情況

• 代碼字母錯誤!導(dǎo)致瀏覽器不能解析
• 代碼格式書寫錯誤!沒有按照語法格式來寫
• 對于有數(shù)值的計算,輸入的值超出了代碼本身的限制
• 數(shù)據(jù)的類型!沒有按照標(biāo)準(zhǔn)書寫