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