断点暂停后变量面板无反应，先确认是否真正暂停；变量需在对应作用域展开查看，异步回调变量需右键调用堆栈项“切换到帧”；调试控制台支持即查即用和临时修改变量。
断点暂停后变量面板没反应？先确认是否真停住了
VSCode 的 变量 面板只在调试会话真正暂停时才刷新数据。如果面板空白或仍显示旧值，大概率是程序已运行结束、断点没命中，或你误点了“运行而不调试”（Ctrl+F5）。务必按 F5 启动调试，并确保断点行左侧出现实心红点且执行流确实停在那行——光标高亮、编辑器顶部有调试工具栏才是有效暂停态。
变量面板里找不到想要的变量？注意作用域和折叠结构
变量 面板默认只展开“局部变量”区块，但实际数据分层存放：
- 点击“局部变量”旁的三角箭头，才能看到当前函数内声明的变量
- “闭包”区块藏着外层函数捕获的变量，比如箭头函数里用到的父级
userId - “全局变量”需在
launch.json中显式配置"showGlobalVariables": true才会加载 - 对象或数组值右侧有小三角，必须手动点击才能展开嵌套属性，悬停只显示截断预览
想看异步回调里的变量？别只盯着当前堆栈帧
Promise.then 或 setTimeout 回调中的变量不会自动出现在当前 变量 面板——因为它们属于另一个调用帧。此时要配合 调用堆栈 面板：
- 在
调用堆栈区域找到目标回调那一行（如setTimeout handler） - 右键该项，选“切换到帧”，面板才会刷新为该帧的作用域变量
- 若堆栈里全是
<anonymous></anonymous>或eval，说明 source map 未生效，需检查构建配置中devtool是否设为"source-map"而非"eval"
临时查一个表达式值？别切面板，直接用调试控制台
比起反复添加监视项，调试控制台 更适合即查即用：
- 断点暂停后，在
调试控制台输入user.profile?.name或arr.filter(x => x > 10)，回车立刻出结果 - 支持修改变量：
count = 999回车后继续执行，可快速验证逻辑分支 - 输入
$_能拿到上一次表达式的结果，比复制粘贴快得多 - 注意：不能执行会改变程序状态的方法（如
arr.push()），否则可能破坏后续调试流程
最常被忽略的是“切换到帧”这个操作——很多人点了调用堆栈项却只跳转了代码位置，变量面板仍是旧上下文。真正的变量切换必须右键选择，否则看到的永远是顶层暂停点的数据。
