断点调试监控变量：程序员排查问题的实用技巧

写代码时，程序跑起来结果不对，但又看不出哪里出错，这种情况太常见了。这时候，光靠“打印日志”已经不够用了，得上更直接的办法——断点调试监控变量。

什么是断点调试监控变量

简单说，就是在代码的某一行设置一个“断点”，程序运行到这里会自动暂停。这时你可以查看当前所有变量的值，一步步执行后续代码，观察变量如何变化。这个过程就像给程序装了个慢动作回放，哪个变量在什么时候变了样，一清二楚。

比如你写了个计算商品总价的函数，输入数量和单价，结果总金额总是错的。你在计算器那行设个断点，运行程序，停下的那一刻，就能看到数量、单价、税率这些变量到底是不是你预期的值。

怎么用调试器监控变量

主流开发工具基本都自带调试功能。以 Visual Studio Code 为例，在代码行号左边点一下就能加断点。启动调试模式后，程序会在断点处停下。侧边栏会列出当前作用域里的所有变量，还能手动添加“监视表达式”，比如你想盯住 user.balance - discount 这个组合值，直接加进去就行。

浏览器里调试 JavaScript 也一样。打开开发者工具，切换到 Sources 面板，找到脚本文件，点行号设断点。刷新页面，代码运行到那里就会暂停。这时候看右边的 Scope 面板，局部变量、全局变量全都能看到。

举个实际例子

假设你有段代码处理用户登录：

function login(username, password) {
    let user = findUserByUsername(username);
    if (user && user.password === password) {
        setUserSession(user);
        redirectToHome();
    } else {
        showLoginError("用户名或密码错误");
    }
}

问题是，明明密码对了，还是提示错误。你在 if 这一行设断点，运行登录流程。程序一暂停，马上看到 user 是 null，说明查用户那步就失败了。再往前推，可能是数据库没连上，或者查询语句写错了。问题定位就快多了。

小技巧别忽略

有时候变量太多，眼花缭乱。可以右键变量选择“Add to Watch”，把它固定显示在监视窗口。还有条件断点——不是每次运行都停，而是满足某个条件才停。比如你只想看 i === 99 时的状态，直接设条件断点，省得手动点几十次“继续”。

断点调试不是高手专属，只要是写代码的人，早晚都会用上。学会监控变量，等于拿到了一把拆解程序的螺丝刀，问题再隐蔽也能一层层剥开看清楚。