如何调试 JavaScript 文件？

调试是必不可少的，因为有许多错误没有给出任何类型的消息，因此要找出我们调试代码并找出缺失点。

示例 1：使用console.log()方法

在此，我们可以通过对各个地方的代码进行安慰来找出错误。使用控制台是在 JavaScript 中调试代码的一种易于使用的方法。在我们的浏览器中，控制台是一个命令行界面，有助于执行代码片段。所以我们可以使用这个函数来打印我们的数据，看看到底出了什么问题。

文件名：index.js

Javascript

var a;
console.log(a)
  
a = 20;
console.log(a)
  
a = "Geeks For Geeks";
console.log(a)

输出：在这里我们可以看到第一个 console.log 给出了 undefined 因为我们只是定义了 var a 但没有分配任何值。我们可以通过按 F12 键或单击右键然后选择检查来打开控制台。

示例 2：调试器关键字

Javascript 提供了关键字Debugger来调试代码。当我们在代码之间添加 debugger 关键字时，执行代码后，将显示一个调试器面板，我们可以在其中设置断点并播放/暂停以检查值并根据它进行理解。借助此调试器面板，我们可以看到程序的逐步执行情况。

Javascript

var a;
console.log(a)
  
debugger
  
a = 20;
console.log(a)
  
a = "Hello World";
console.log(a)

输出：写完调试器关键字后，当我们运行代码时，在控制台中，这种调试器面板会显示我们在哪里设置断点并播放/暂停以检查值并根据它理解。我们可以通过按 F12 键或单击右键然后选择检查来打开控制台。

断点是代码停止运行的地方，如果我们陷入无限循环，那么我们可以通过它来跟踪它。