JavaScript 调试教程

调试 JavaScript 是开发者日常工作中不可或缺的一部分。以下是一些基本的调试技巧和工具，帮助你更高效地解决 JavaScript 代码中的问题。

常用调试方法

1. 使用浏览器的开发者工具

   • 控制台（Console）：用于打印调试信息，查看变量值等。
   • 网络（Network）：查看页面加载的资源和请求。
   • 源代码（Sources）：查看和编辑 JavaScript 代码。

2. 断点调试

   • 在浏览器的开发者工具中，可以在代码中设置断点，程序运行到断点时会暂停执行。

3. 使用调试库

   • 如 console.log、debugger 等。

实战案例

假设你有一个简单的 JavaScript 代码，如下所示：

function add(a, b) {
  return a + b;
}

console.log(add(1, 2)); // 期望输出 3

但实际输出却是 5，这时你可以使用浏览器的开发者工具进行调试：

1. 打开浏览器的开发者工具。
2. 切换到“源代码”标签。
3. 找到 add 函数的定义。
4. 在 return a + b; 这一行设置断点。
5. 运行代码，程序会在断点处暂停。
6. 观察控制台，此时 a 和 b 的值分别是多少。

扩展阅读

• JavaScript 调试技巧
• 浏览器开发者工具使用指南

JavaScript 调试