VSCode调试控制台支持表达式求值、变量检查与动态执行代码，可实时输入如user.name或items.filter(i => i.active)查看结果；通过$1、$2引用历史输出，便于分析复杂数据；结合“监视”面板添加常驻表达式自动追踪内存、DOM或存储变化；还可执行修改状态语句如userId=12345辅助调试；断点可设条件如i===99，提升定位问题效率。
VSCode 的调试控制台不只是输出日志的地方，它其实是一个功能强大的交互式环境，支持表达式求值、变量检查和动态执行代码。合理使用可以大幅提升调试效率。
实时表达式求值
在调试过程中，你可以在“调试控制台”中直接输入变量名或表达式，VSCode 会立即返回当前作用域下的计算结果。
例如，当你暂停在一个函数中时：
- 输入 user.name，查看对象属性
- 输入 items.filter(i => i.active)，过滤数组并查看结果
- 调用函数如 formatDate(new Date())（只要该函数在当前作用域可用）
这种能力让你无需修改代码就能测试逻辑片段。
使用 $演算符快速访问历史输出
调试控制台会为每条输出记录一个索引。你可以通过 $1, $2 等引用之前的结果。
比如你刚执行了一个复杂查询返回了 100 个对象，想从中提取 ID 列表，可以直接输入：
$1.map(item => item.id)这能避免重复执行原表达式，也适用于分析深层嵌套结构。
监视表达式（Watch Expressions）
除了在控制台手动输入，你还可以在“监视”面板添加常驻表达式。
右键点击“监视”区域，选择“添加表达式”，然后输入：
- performance.memory.usedJSHeapSize（查看内存使用）
- document.querySelectorAll('img').length（统计页面图片数量）
- localStorage.getItem('token')（检查本地存储）
这些表达式会在每次断点暂停时自动重新求值，方便跟踪变化。
执行修改状态的语句
调试控制台允许你运行可能改变程序状态的代码，比如：
- 设置变量：userId = 12345
- 模拟事件：dispatchEvent(new Event('resize'))
- 修改配置：config.debugMode = true
注意：这类操作可能导致程序行为异常，建议仅用于探索性调试。
结合断点条件使用表达式
你可以在设置断点时指定条件表达式，只有满足条件才会中断。
右键断点 → “编辑断点”，输入类似：
- i === 99（循环第 99 次时中断）
- user.role !== 'admin'
- Math.random()
配合控制台验证逻辑，能精准定位问题场景。
基本上就这些。掌握这些技巧后，调试不再只是看日志，而是主动探索程序运行状态的过程。不复杂但容易忽略。
