松软科技Web课堂:重要->JavaScript 调试

时间 2019-12-20

标签松软科技 web 课堂重要 javascript 调试栏目 HTML 繁體版

原文原文链接

错误总会发生，每当您写一些新的计算机代码时。html

JavaScript 调试

在没有调试器的状况下写 JavaScript 是有难度的。编程

您的代码中也许包含了语法错误，或者逻辑错误，这些都难以诊断。浏览器

一般，若是 JavaScript 代码包含错误，也不会发生任何事情。不会有错误消息，而且不会有任何可供查找错误的指示信息。函数

一般，每当你尝试编写新的 JavaScript 代码，就可能发生错误。工具

查找编程代码中的错误被称为代码调试。测试

调试并不简单。但幸运地是，全部现代浏览器都有内置的调试器。spa

内置的调试器可打开或关闭，强制将错误报告给用户。debug

经过调试器，您也能够设置断点（代码执行被中断的位置），并在代码执行时检查变量。调试

一般经过 F12 键启动浏览器中的调试器，而后在调试器菜单中选择“控制台”。code

若是您的浏览器支持调试，那么您可使用 console.log() 在调试窗口中显示 JavaScript 的值：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

提示：请访问咱们的 JavaScript Console 参考手册，获取更多有关 console.log() 方法的信息。

在调试窗口中，您可在 JavaScript 代码中设置断点。

在每一个断点中，JavaScript 将中止执行，以使您可以检查 JavaScript 的值。

在检查值以后，您能够恢复代码执行。

debugger 关键词会中止 JavaScript 的执行，并调用（若是有）调试函数。

这与在调试器中设置断点的功能是同样的。

若是调试器不可用，debugger 语句没有效果。

若是调试器已打开，此代码会在执行第三行以前中止运行。

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

一般，您在浏览器中经过 F12 键启用调试，并在调试器菜单中选择“控制台”。

不然请按照如下步骤：

调试是测试、找到并减小计算机程序中 bug（错误）的过程。

历史上首个已知的计算机 bug 是一只卡在电子器件中的真实的虫子（一种昆虫）。