VSCode的Watch面板只在调试暂停时刷新，非实时更新；需设断点或单步执行触发求值，异步代码须在回调内设断点，调试控制台可手动探查表达式。
监视表达式只在断点暂停时自动刷新
VSCode 的 Watch 面板**不会实时刷新**，也不响应变量值变化——它只在每次调试器暂停（比如命中断点、单步执行停住）的瞬间，对每个监视项重新求值一次。这不是 bug，而是设计如此。
常见误解是“加了 user.name 就能看着它动”，但实际：只要没暂停，面板里显示的就是上一次暂停时的结果，哪怕代码里 user.name 已被改了十次，Watch 也纹丝不动。
- 确认你正处在真正的调试暂停态：顶部必须有橙色调试工具栏，且断点图标是实心红点
- 如果刚改完变量就期待 Watch 更新，得手动按
F10（单步跳过）或F11（单步进入）触发下一次暂停 - 在异步代码中（如
setTimeout或 Promise 回调），必须把断点设在回调内部，否则 Watch 求值时根本访问不到那个作用域里的变量
为什么按 F5 继续后值没变？
按 F5 是“继续执行到下一个断点”，不是“刷新当前 Watch”。如果后续没有断点，程序直接跑完退出，Watch 就再也不会更新——你看到的仍是上次暂停时的快照。
解决方法很直接：
- 在关键逻辑行手动加断点（比如赋值后、条件判断前）
- 用
F9切换断点，避免漏掉位置 - 对循环体内部变量，别只在循环外设断点；要在循环体内（如
body第一行）设断点，才能看到每次迭代的值
手动触发一次求值：用调试控制台替代
想临时看某个表达式“现在是什么”，又不想停住流程？Watch 不行，但 Debug Console 可以：
- 快捷键
Ctrl+Shift+Y（Win/Linux）或Cmd+Shift+Y（Mac）打开调试控制台 - 输入任意表达式，比如
user?.profile?.theme || 'default'，回车立即执行并显示结果 - 注意：它不自动刷新，也不绑定暂停时机，纯手动探查——适合快速验证，不适合长期盯梢
Watch 值“卡住”或显示 Cannot evaluate 的真实原因
表面上像没刷新，其实是求值失败了。VSCode 不会报错提示，只静默显示旧值、?? 或 Cannot evaluate：
-
user.profile.name报错？检查user.profile是否为null—— 改用user?.profile?.name或user && user.profile && user.profile.name - Python 中写
data['users']出错？换成data.get('users', [])，避免KeyError中断整个求值 - TypeScript 项目里变量名突然变灰或无效？大概率 source map 没配对，调试器停在
.js文件里，而你输的是.ts中的原始名 - 右键悬停变量名 → “添加到监视”比手敲可靠得多，它自动带上下文和可选链
Watch 的刷新机制本身极简单，真正难的是让表达式在每次暂停时都能稳稳求出值——边界检查、作用域对齐、类型安全，一个都不能少。
