在JavaScript中，如果你犯了一些基本的语法错误，这种错误/失误会被任何文本编辑器发现。然而，有些错误是任何文本编辑器都无法检测或调试的，比如拼错了一个关键词，在两个值之间缺少一个运算符，等等。在这种情况下，我们不会得到任何输出或错误，从文本编辑器中，没有办法找到到底发生了什么？现在你一定想知道如何调试JavaScript中的错误？不用担心!本篇文章将解决你所有的疑虑。
这篇文章将提供一个实用的指南来调试JavaScript中的错误，它将被组织如下。
那么让我们开始吧!
一个简单的连接两个值的JavaScript程序
为了理解JavaScript调试的概念，我们将考虑一个非常基本的例子。
<html>
<head>
<script type="text/javascript">
function concat(){
var value1 = document.getElementById("val1").value;
var value2 = document.getElementById("val2").value;
document.getElementById("con").innerHTML="Concatenated Value = "+(value1 + value2);
}
<input id = "val1" type="text" placeholder="enter a value"/>
<br><br><br>
<input id = "val2" type="text" placeholder="enter a value"/>
<br><br><br>
<button onclick="concat()" id="btnConcat">Concat</button>
<h2 id="con"> Concatenated Value = </h2>
</body>
</html>
我们创建了一个非常简单的程序，在点击按钮时将两个值连接起来。代码成功执行后，将出现以下窗口。
用户在第一个文本字段中输入两个值，即 "MR."，在第二个文本字段中输入 "Java"。点击 "Concat "按钮将产生以下输出。
该输出验证了我们的程序运行得非常好。
JavaScript程序中的错误
假设我们忘记在代码中利用连接运算符 "+"。
document.getElementById("con").innerHTML="Concatenated Value = "+(value1value2);
这种类型的错误不能被文本编辑器发现。
现在，这一次当我们运行该代码时，我们将得到以下输出。
点击按钮并没有执行任何动作，这说明我们的代码出了问题。
如何调试JavaScript中的错误
在上面的例子中，我们观察到程序中出现了一个错误。但是，究竟什么是错误，如何在JavaScript中调试它？好吧!所有的现代浏览器都有开发工具和一个控制台，我们可以在那里进行调试。在大多数现代浏览器中，"F12 "是打开开发工具的快捷键。按下 "F12 "键将打开以下窗口。
在顶部，你会发现不同的标签，例如，第一个标签是 "元素"标签，点击 "元素 "标签会向我们展示完整的代码/标签。第二个标签是 "控制台"标签，我们可以在这里进行调试，等等。
JavaScript提供了一个名为console()的方法，可以接受一些值/表达式，并将结果打印在浏览器的控制台。在JavaScript中，console.log()方法通常被用于调试目的。
调试JavaScript中错误的实用指南
到目前为止，我们已经知道了什么是错误，以及如何在JavaScript中进行调试？在本节中，我们将提供一个实用的指南来演示如何调试JavaScript中的错误。
在这个示例程序中，我们将利用浏览器的开发工具来调试错误。
document.getElementById("con").innerHTML="Concatenated Value = "+(value1value2);
在上面的片段中，我们漏掉了value1和value2之间的 "+"运算符，因此，我们的程序无法正常工作。
输出验证了错误在控制台窗口的调试，它提供了关于错误的完整细节，即它是什么类型的错误？哪一行导致的错误等等。
在这个示例程序中，我们将利用console.log()方法来调试错误。
console.log(value1value2);
在上述程序中，value1value2没有在程序中的任何地方定义。但是，文本编辑器仍然没有显示任何形式的错误，然而，它将在浏览器的控制台中被调试出来。
上面的片段解释了value1value2没有在我们的代码中定义，错误的发生是因为第7行，当我们点击按钮时，错误发生了。
结论
在JavaScript中，文本编辑器无法对一些错误进行调试。然而，在JavaScript中，可以使用浏览器的开发工具和console.log()方法来调试错误。在大多数现代浏览器中，"F12 "是打开开发者工具的快捷键。这篇文章提出了一个完整的实用指南来调试JavaScript中的错误。
