javascript常見(jiàn)錯(cuò)誤與調(diào)試

1 錯(cuò)誤查看

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

2 錯(cuò)誤分類(lèi)
1 代碼錯(cuò)誤

- syntaxError   //語(yǔ)法錯(cuò)誤
注意! 一旦出現(xiàn)語(yǔ)法錯(cuò)誤,則整個(gè)代碼都不會(huì)再執(zhí)行(上下代碼塊都不會(huì)執(zhí)行)
- referenceError    //引用錯(cuò)誤
注意!一旦出現(xiàn)引用錯(cuò)誤,則這個(gè)代碼后面的代碼不會(huì)再執(zhí)行(前面的代碼不會(huì)受影響)
- rangeError    //范圍錯(cuò)誤
注意!與引用錯(cuò)誤是一樣的,出現(xiàn)范圍錯(cuò)誤,則后面的代碼不會(huì)繼續(xù)執(zhí)行
- typeError    //類(lèi)型使用不當(dāng)
注意!與引用類(lèi)型錯(cuò)誤是一樣的,出現(xiàn)這個(gè)錯(cuò)誤,則后面的的代碼不會(huì)執(zhí)行

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

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

    圖片1.png

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


    圖片2.png
  • 第一個(gè)按鈕:執(zhí)行到下一個(gè)debugger語(yǔ)句。

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

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

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

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

  • 3監(jiān)視變量的變化
圖片3.png

3 錯(cuò)誤原因
常見(jiàn)的錯(cuò)誤原因無(wú)非以下幾種情況

  • 代碼字母錯(cuò)誤!導(dǎo)致瀏覽器不能解析
  • 代碼格式書(shū)寫(xiě)錯(cuò)誤!沒(méi)有按照語(yǔ)法格式來(lái)寫(xiě)
  • 對(duì)于有數(shù)值的計(jì)算,輸入的值超出了代碼本身的限制
  • 數(shù)據(jù)的類(lèi)型!沒(méi)有按照標(biāo)準(zhǔn)書(shū)寫(xiě)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前言 相信無(wú)論是對(duì)于身居一線的coder,還是退居多年的老司機(jī)managers來(lái)說(shuō),對(duì)于調(diào)試程序是不陌生的,對(duì)于w...
    itclanCoder閱讀 2,610評(píng)論 0 7
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,811評(píng)論 25 708
  • 在做前端開(kāi)發(fā)時(shí),我們需要用到一些調(diào)試工具用來(lái)調(diào)試我們的HTML、CSS或者JS代碼,俗話說(shuō)預(yù)先善其事必先利其器,這...
    Rella7閱讀 24,030評(píng)論 0 15
  • 2016.10.28晚上8:00(又到了被任務(wù)倒逼著學(xué)習(xí)的時(shí)候) 這本書(shū)擺在書(shū)架上很久了,匆匆看過(guò)幾張,雖然很受啟...
    爽妹子閱讀 1,212評(píng)論 0 0
  • 多少次夢(mèng)中 在那個(gè)熟悉的拐角 總是遇見(jiàn)你 充滿運(yùn)動(dòng)細(xì)胞 擁有陽(yáng)光迷人微笑 身材高大威猛 充滿英雄氣概 時(shí)隔多年 我...
    微清閱讀 180評(píng)論 0 3