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 is not intialized
</script>

输出:

要在浏览器中打开控制台,请按下F12键。

JavaScript 调试

使用debugger关键字

在调试过程中,通常我们会设置断点逐行检查代码。在JavaScript中,无需手动执行此任务。

JavaScript提供了 debugger 关键字,可以通过代码自身设置断点。在应用 debugger 时,程序的执行将停在该位置。现在,我们可以手动启动执行流。如果发生异常,执行将再次停在那一行。

<script>
x = 10;
y = 15;
z = x + y;
debugger;
document.write(z);
document.write(a);
</script>

输出:

JavaScript 调试

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程