写代码的时候，程序跑起来出了问题，光靠眼睛看很难找到毛病出在哪儿。这时候用调试器加个断点，就能让程序运行到指定位置停一下，看看当时的变量值、执行流程对不对，特别实用。
断点是什么
可以理解成你在代码里设了个“暂停键”。比如某一行代码执行前，程序自动停下来，你就能查看这时候内存里各个数据是什么样，一步步跟着走，看哪一步开始跑偏了。
常见的调试工具怎么设断点
拿浏览器开发者工具举例，在 Chrome 里按 F12 打开控制台，切换到 Sources 或 Debugger 标签，找到你正在运行的 JS 文件，点击行号就可以设断点。再刷新页面，代码运行到那一行就会暂停。
如果是用 VS Code 写代码，左边的行号区域直接点一下，出现红点就是断点设好了。配合 Node.js 调试时，启动调试模式后运行脚本，到断点处就会卡住，方便你一步步往下走。
Python 也一样，PyCharm 或 VS Code 都支持图形化设断点。你也可以在代码里手动加一句 import pdb; pdb.set_trace()，运行到这里会自动进入调试模式。
<script>
function calculateTotal(price, tax) {
let total = price + tax; // 在这行设断点
return total;
}
calculateTotal(100, 10);
</script>像这种计算总价的函数，如果返回结果不对，就在关键计算行设断点，看看 price 和 tax 是不是预期的数值，有没有被意外修改。
移动端或复杂项目中的断点技巧
有时候代码是压缩过的，直接设断点不方便。可以在开发者工具里点击“格式化”按钮（两个花括号 {}），让代码换行显示，再选行号设断点。另外，条件断点也很有用——比如只在某个变量等于特定值时才暂停，避免频繁中断。
在调试异步操作时，比如网络请求回来之后处理数据，可以在回调函数或 await 那一行设断点，等数据真正拿到后再查看内容是否正确。