作為一門前端語言,javascript的作用非常強大,但是有時候在編寫javascript的時候難免會包含了語法錯誤,或者邏輯錯誤,這些都難以診斷。所以,為了讓javascript能夠順利運行,就有必要對其進行合理的調試。那么,javascript如何進行調試呢?
一、JavaScript調試器
查找編程代碼中的錯誤被稱為代碼調試。
調試并不簡單。但幸運地是,所有現代瀏覽器都有內置的調試器。
內置的調試器可打開或關閉,強制將錯誤報告給用戶。
通過調試器,您也可以設置斷點(代碼執行被中斷的位置),并在代碼執行時檢查變量。
通常通過 F12鍵啟動瀏覽器中的調試器,然后在調試器菜單中選擇“控制臺”。
二、console.log()方法
如果您的瀏覽器支持調試,那么您可以使用 console.log()在調試窗口中顯示 JavaScript 的值:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
三、設置斷點
在調試窗口中,您可在 JavaScript代碼中設置斷點。
在每個斷點中,JavaScript將停止執行,以使您能夠檢查 JavaScript 的值。
在檢查值之后,您可以恢復代碼執行。
四、debugger關鍵詞
debugger關鍵詞會停止 JavaScript 的執行,并調用(如果有)調試函數。
這與在調試器中設置斷點的功能是一樣的。
如果調試器不可用,debugger語句沒有效果。
如果調試器已打開,此代碼會在執行第三行之前停止運行。
<script>
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
</script>
以上就是開銳教育為大家介紹的javascript如何進行調試的相關內容,現在不少孩子已經可以獨立撰寫調試,這主要歸功于國家編程教育的逐步普及。更多訊息,歡迎垂詢在線客服!
上一篇:javascript如何獲取時間
2021-01-12 18:08:08
2021-01-19 17:53:40
2021-04-21 16:20:04
2021-04-16 16:15:09
2021-04-20 16:11:12