JavaScript教程-JavaScript 调试

有时候代码可能包含一些错误。作为一种脚本语言,JavaScript 在浏览器中不会显示任何错误消息。但这些错误可能会影响输出结果。
找出错误的最佳方法是对代码进行调试。我们可以使用诸如 Google Chrome、Mozilla Firefox 之类的网页浏览器来进行调试。
JavaScript 调试示例
在这里,我们将使用内置的浏览器调试器来找出错误。为了进行调试,我们可以使用以下任一方法:
- 使用 console.log() 方法
- 使用 debugger 关键字
使用 console.log() 方法
console.log() 方法会在浏览器的控制台中显示结果。如果代码中有任何错误,它会生成错误消息。
让我们看一个简单的示例,将结果打印到控制台上。
<script>
x = 10;
y = 15;
z = x + y;
console.log(z);
console.log(a); // a 没有被初始化
</script>
输出:
要在浏览器中打开控制台,请按 F12 键。
使用 debugger 关键字
在调试中,通常我们会设置断点,以逐步检查每行代码。在 JavaScript 中,通常不需要手动执行这个任务。
JavaScript 提供了 debugger 关键字,可以通过代码本身来设置断点。debugger 会在应用它的位置停止程序的执行。现在,我们可以手动开始执行流程。如果发生异常,执行将再次在特定行上停止。
<script>
x = 10;
y = 15;
z = x + y;
debugger;
document.write(z);
document.write(a);
</script>
输出: