JavaScript:
使用调试器

如何操作：

这里有一段行为异常的JavaScript代码：

function buggyMultiply(a, b) {
    return a + b; // 哎呀！这应该是乘法，而不是加法。
}

let result = buggyMultiply(5, 3);
console.log('结果:', result);

输出结果不正确：

结果: 8

让我们在Chrome开发者工具中调试：

1. 在浏览器中打开这段JS代码。
2. 右击并选择“检查”以打开开发者工具。
3. 点击“Sources”标签页。
4. 找到您的代码片段或页面，并通过点击return语句旁边的行号来设置一个断点。
5. 刷新页面触发断点。
6. 查看“作用域”面板，以查看局部变量a和b。
7. 点击“跳过下一个函数调用”按钮进行单步执行。
8. 在return语句中找到错误。
9. 修正代码：

function buggyMultiply(a, b) {
    return a * b; // 修正了！
}

let result = buggyMultiply(5, 3);
console.log('结果:', result);

更正后的输出：

结果: 15

深入探讨

调试的概念自计算机早期便已存在——传说是从1940年代发现一只飞蛾卡在计算机中开始的！今天，像内置浏览器工具（Chrome开发者工具、Firefox开发者工具）或集成到IDE中的调试器（Visual Studio Code、WebStorm）提供了大量的功能。

内置调试器的替代品包括第三方工具，如WebStorm，或使用老好人console.log来输出变量状态。但这些不能提供像调试器那样的实时互动和详细检查。

就实现细节而言，大多数调试器工作方式类似：它们允许您设置断点来暂停执行、逐步执行代码、检查当前变量状态、观察表达式，甚至可以在飞行中操作值以测试不同的场景。

参见

• Google Chrome开发者工具
• Mozilla开发者网络 - Firefox调试器
• Visual Studio Code - 调试