断点设置新手入门：轻松掌握调试第一步

什么是断点？

你写了一段代码，运行后结果不对，但又不知道问题出在哪。这时候就像做饭时盐放多了，却记不清是哪一步加的——你需要“暂停”程序，一步步查。断点就是这个“暂停键”，它能让程序运行到指定位置时停下来，方便你查看当前变量的值、执行流程是否正确。

常见的断点类型

最常用的是行断点，也就是在代码某一行上设个标记。比如你在第10行设了断点，程序运行到这里就会自动暂停。还有条件断点，满足特定条件才触发，比如某个变量等于5时才停。

怎么设置断点？以 Visual Studio Code 为例

打开你的代码文件，在行号左边点击一下，会出现一个红点，这就是断点了。比如下面这段 JavaScript 代码：

function calculateTotal(price, tax) {
    let total = price + tax;
    return total;
}

console.log(calculateTotal(100, 10));

你想看看 total 算出来是不是110，就在 let total = price + tax; 这一行加断点。按下 F5 启动调试，程序一走到这行就会暂停，你可以看到变量的实时值。

浏览器里也能设断点

写网页的人常在 Chrome 调试。打开开发者工具（F12），切换到 Sources 面板，找到你的 JS 文件，点击行号就能设断点。刷新页面，代码一执行到这里就停，特别适合查网页按钮点不了、数据没加载这类问题。

别忘了移除或禁用断点

调试完记得把断点去掉，不然下次运行还会停。如果暂时不用，可以右键选择禁用，以后还能再启用。就像家里修完水管，记得关掉临时阀门一样。

刚开始用断点可能会手忙脚乱，多试几次就顺了。下次代码跑出奇怪结果，别急着重写，先设个断点，看看程序到底走到了哪一步。