VS Code调试控制台可在运行时实时评估表达式、调用函数、修改变量值,支持在断点处查看变量、执行方法、验证逻辑,结合调用栈切换作用域上下文,并利用$_访问历史结果,提升调试效率。

VS Code 的调试控制台(Debug Console)不只是查看变量和输出的工具,合理使用它能大幅提升调试效率。在启动调试会话后,打开 Debug Console 面板,你可以在运行时与程序进行交互,实时评估表达式、调用函数甚至修改变量值。
实时求值表达式
在代码暂停于断点时,Debug Console 支持直接输入任意表达式并立即看到结果。
- 输入变量名可查看当前值,比如输入user 显示对象内容- 调用对象方法,如
users.filter(u => u.active) 过滤数据- 使用复杂表达式验证逻辑,例如
calculateTotal(items) * 0.9这个功能特别适合快速验证某个计算是否符合预期,无需修改源码或添加临时 console.log。
调用函数与执行语句
只要作用域内可见,你可以在控制台中直接调用函数,包括自定义函数和内置方法。
- 执行formatDate(new Date()) 测试格式化函数- 修改变量值:输入
count = 100 强制改变状态,观察后续流程变化- 抛出错误测试异常处理:输入
throw new Error('test')注意:某些闭包内的局部函数可能无法访问,但模块级或外层函数通常可用。
检查调用栈中的作用域变量
当断点触发后,在“调用堆栈”面板中点击不同层级,Debug Console 的上下文会自动切换到对应的作用域。
- 查看函数参数、局部变量- 在异步回调中检查闭包变量
- 对比不同调用层级的变量状态
结合控制台表达式,可以深入分析函数执行路径中的状态流转问题。
利用 $ 命令快速访问历史结果
Debug Console 提供了类似浏览器控制台的快捷变量:
-$_ 表示上一个计算结果,可用于链式操作- 某些环境支持
$0, $1 访问最近检查的 DOM 元素(主要在前端调试中)比如先执行一个查询得到数组,再输入 $_.length 快速查看数量,避免重复计算。
基本上就这些。善用 Debug Console 能让调试从“被动观察”变为“主动实验”,尤其在排查复杂逻辑或数据转换问题时非常高效。不复杂但容易忽略。









