Debug Console是VS Code中一个可交互的运行环境,不仅能实时查看变量值、调用方法和执行表达式,还可修改变量、调用或定义函数,并利用$_等符号快速访问历史结果,显著提升调试效率。

VS Code的调试控制台(Debug Console)不只是输出日志的地方,它其实是一个强大的交互式运行环境。只要掌握一些高级技巧,就能显著提升调试效率。
在调试中执行任意表达式
调试暂停时,你可以在Debug Console中输入任何当前作用域内有效的表达式并立即看到结果。
- 直接输入变量名查看其值,比如user.name
- 调用对象方法,例如list.length或obj.toString()
- 执行函数调用,前提是该函数在当前闭包中可访问
- 甚至可以写简单的逻辑判断,如items.filter(i => i.active)
这个功能特别适合快速验证数据结构或测试过滤逻辑,不用修改代码再重启调试。
修改变量值实时生效
除了读取,你还能在控制台中直接修改变量。
- 输入count = 10可以强制改变变量值
- 给对象添加属性:user.role = "admin"
- 替换数组内容:data = [1, 2, 3]
这种“热修改”适合模拟异常数据或跳过某些条件判断,帮助复现边界情况。
调用自定义函数辅助调试
如果代码中定义了工具函数,可以直接在控制台调用。
- 比如有一个格式化函数formatDate(date),可以直接传参测试
- 提前写好debug(msg)这类打印函数,在控制台灵活使用
- 甚至可以临时定义函数:const sum = (a,b) => a+b; sum(5, 3)
这样能避免频繁添加console.log,保持代码干净。
利用$演算符快速访问历史结果
Debug Console会记录你之前执行过的表达式结果,用特殊变量引用:
- $_ 表示上一个计算结果
- $n(n为数字)表示第n条历史输出(部分语言支持)
比如你刚打印了一个复杂对象,可以用$_.id快速提取它的ID字段,节省重复输入。
基本上就这些。用好Debug Console的关键是把它当成“可交互的log”,而不仅仅是看输出的地方。多试试现场操作,调试会变得更快更直观。










