极客教程如何调试JavaScript文件
调试是必不可少的，因为有很多错误没有提供任何信息，所以我们需要调试代码并找出错误所在的位置。
示例1：使用console.log()方法
通过在不同位置进行控制台输出，我们可以找出错误所在。在JavaScript中，控制台是一个命令行界面，可以帮助执行代码片段。因此，我们可以使用该函数打印数据并查看出了什么问题。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible"
content="IE=edge" />
<meta name="description" content="" />
<meta name="viewport" content=
"width=device-width, initial-scale=1" />
<link rel="stylesheet" href="" />
</head>
<body>
<script src="./index.js" async defer></script>
</body>
</html>
文件名：index.js
var a;
console.log(a)
a = 20;
console.log(a)
a = "Geeks For Geeks";
console.log(a)
输出： 在这里，我们可以看到第一个console.log返回undefined，因为我们只定义了变量a，但没有给它赋值。我们可以通过按下F12键或右键点击然后选择检查来打开控制台。
示例2：Debugger关键字
JavaScript提供了 Debugger 关键字来调试代码。当我们在代码之间添加debugger关键字时，在执行代码后，会显示一个调试器面板，我们可以设置断点并播放/暂停以检查值并根据其进行理解。通过这个调试器面板，我们可以逐步查看程序的执行过程。
var a;
console.log(a)
debugger
a = 20;
console.log(a)
a = "Hello World";
console.log(a)
输出： 在写入debugger关键字之后，当我们运行代码时，在控制台中会显示这种调试器面板，我们可以设置断点并播放/暂停以检查值并根据其进行理解。我们可以通过按下F12键或右键点击然后选择检查来打开控制台。
断点是代码停下来运行的地方，通过这个我们可以追踪无限循环。
阅读更多：JavaScript 教程