JavaScript 調試
在寫 JavaScript 時,如果沒有除錯工具將會是一件很痛苦的事情。
JavaScript 偵錯
沒有偵錯工具是很難去寫 JavaScript 程式的。
你的程式碼可能包含文法錯誤,邏輯錯誤,如果沒有偵錯工具,這些錯誤比較難於發現。
通常,如果 JavaScript 出現錯誤,是不會有提示訊息,這樣你就無法找到程式碼錯誤的位置。
通常,你在寫一個新的 JavaScript 程式碼過程中都會發生錯誤。
JavaScript 偵錯工具
在程式碼中尋找錯誤稱為程式碼偵錯。
調試很難,但幸運的是,很多瀏覽器都內建了調試工具。
內建的偵錯工具可以開始或關閉,嚴重的錯誤訊息會傳送給使用者。
有了偵錯工具,我們就可以設定斷點 (程式碼停止執行的位置), 並且可以在程式碼執行時偵測變數。
瀏覽器啟用偵錯工具一般是按下 F12 鍵,並在偵錯選單中選擇 "Console" 。
設定斷點
#在偵錯視窗中,你可以設定 JavaScript 程式碼的斷點。
在每個斷點上,都會停止執行 JavaScript 程式碼,以便於我們檢查 JavaScript 變數的值。
在檢查完畢後,可以重新執行程式碼(如播放按鈕)。
debugger 關鍵字
debugger 關鍵字用於停止執行 JavaScript,並呼叫偵錯函數。
這個關鍵字與在偵錯工具中設定斷點的效果是一樣的。
如果沒有偵錯可用,debugger 語句將無法運作。
開啟 debugger ,程式碼在第三行前停止執行。
开启调试工具,在代码执行到第三行前会停止执行。var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x;下一節