调试控制台执行表达式后结果不显示或显示不全，是因默认简略打印策略所致；需显式调用console.log()或json.stringify()强制完整输出，或配置"console": "integratedterminal"将输出路由至终端。
调试控制台里执行表达式后，结果不显示或显示不全
VSCode 调试控制台（Debug Console）默认会输出表达式求值结果，但常出现「没反应」「只显示 undefined」「对象被截断为 [Object]」——这不是 bug，而是它默认使用了简略打印策略。尤其对大型数组、嵌套对象或 Map/Set 等结构，控制台不会展开全部层级。
解决方法很简单：在表达式末尾显式调用 console.log() 或 JSON.stringify() 强制完整输出：
-
items.filter(i => i.active)→ 可能只显示前几项 +... -
console.log(items.filter(i => i.active))→ 完整展开并高亮着色 -
console.log(JSON.stringify(user, null, 2))→ 格式化输出 JSON，避开不可序列化字段报错
注意：console.log 在调试控制台中是可用的全局函数，无需额外定义；但 JSON.stringify 对 function、undefined、Symbol 会跳过，若需保留，得用自定义 replacer。
想让调试控制台默认输出更详细，而不是每次加 console.log
VSCode 没有“全局开启详细打印”的开关，但你可以通过修改调试配置间接增强可读性。关键点在于：调试控制台的输出行为由当前调试器（如 Node.js、Chrome Debug Adapter）决定，而非编辑器本身。
推荐做法是，在 launch.json 的配置中添加 "console": "integratedTerminal"：
{
"configurations": [
{
"type": "pwa-node",
"request": "launch",
"name": "Launch Program",
"skipFiles": ["<node_internals>/**"],
"program": "${file}",
"console": "integratedTerminal"
}
]
}</node_internals>
这样所有 console.* 输出都会路由到集成终端，支持完整折叠/展开、搜索、复制，且不会被调试控制台的截断逻辑影响。缺点是：你得手动写 console.log，不能靠隐式返回值。
在调试控制台里格式化输出 HTML 或 DOM 结构
前端调试时，常想快速预览某个 DOM 元素的结构，比如 document.querySelector('.header')。直接输入只会显示 [object HTMLElement]，毫无信息量。
此时不要依赖自动展开，而应主动调用浏览器原生 API：
-
el = document.querySelector('.header'); el.outerHTML→ 获取字符串化的 HTML -
el = document.querySelector('.header'); console.dir(el)→ 在控制台以交互式树形结构展示（仅限浏览器环境） -
el = document.querySelector('.header'); console.table(Array.from(el.attributes, a => [a.name, a.value]))→ 表格化输出属性
注意：console.dir 和 console.table 在 Node.js 调试中不可用，仅适用于 Chrome / Edge / WebView 等基于 Chromium 的调试器。
为什么 debugLog 这类辅助函数输出内容不带格式或换行
如果你在代码里定义了类似 function debugLog(data) { console.log('DEBUG:', data); }，并在调试控制台调用 debugLog(user)，发现输出挤在一起、无缩进、JSON 不换行——这是因为 console.log 默认对复杂对象做紧凑输出，不等同于 JSON.stringify 的美化效果。
更实用的写法是：
- 直接用
console.log('DEBUG:', JSON.stringify(data, null, 2)) - 或者升级
debugLog：在函数体内加JSON.stringify处理，再传给console.log - 避免在调试控制台重复粘贴长表达式，可先在源码里临时加一行
debugger;，然后在该断点处用控制台执行格式化逻辑
最易忽略的一点：调试控制台的「表达式求值」本质是运行 JavaScript，它的输出机制和你在源码里写的 console.log 完全一致——没有特殊渲染通道。所谓“格式化输出”，永远是你主动选择的输出方式，不是控制台自动施加的魔法。
