如何在 JavaScript 中使用 debugger 關鍵字?


每當 JavaScript 程式碼中發生意外情況時,我們需要對其進行除錯以檢查原因。除錯是程式設計中非常重要的一個方面,它允許您確定系統或應用程式行為異常的原因。它是一個多次使用不同輸入進行測試並查詢錯誤以減少計算機程式中錯誤的過程。

在本文中,我們將探討JavaScript中的debugger關鍵字以及如何使用它們。JavaScript 中的 debugger 關鍵字是除錯過程中常用的關鍵字,用於除錯過程和變數細節。在 JavaScript 中,每當 debugger 關鍵字被開啟時,它都會停止 JavaScript 程式碼的執行,並在可用時呼叫除錯函式。否則,它沒有任何效果。

示例

在下面的示例中,我們將使用 debugger 關鍵字來停止程式執行以進行除錯過程。我們將詳細描述 debugger 關鍵字及其工作原理。

# index.html

<!DOCTYPE html>
<html>
<body>
   <h1 style="color: red;">
      Welcome To Tutorials Point
   </h1>
   <p id="para"></p>
   <p>This will stop the execution and move the context to the debugger window.</p>
   <script>
      let a = 10 * 5;
      debugger;
      document.getElementById("para").innerHTML = a;
   </script>
</body>
</html>

輸出

我們可以在下面的輸出中看到,每當程式碼執行時,在遇到 debugger 關鍵字時,它都會進入除錯視窗。要繼續該過程,我們將透過按 F8 按鈕跳過 debugger 指標並讓它執行。

或者,我們將使用“停止下一個函式呼叫”或 F10 按鈕移動到下一行。

更新於: 2022年4月28日

595 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.