VSCode调试控制台对象默认懒加载折叠以防止卡顿，首次仅展开第一层；右键“展开全部”可加载3–5层，循环引用标为[Circular]；JSON.stringify可绕过折叠但丢失函数等；Watch面板深层路径需确保作用域和访问时机正确，推荐用可选链；Variables面板不执行getter、不显示Proxy逻辑，Vue响应式对象需查.value；快捷方式包括直接输入路径、添加Watch表达式、使用console.dir({depth:10})。
调试控制台里对象展开不全，点开还是折叠的
VSCode 调试控制台默认对大型对象、数组或嵌套过深的结构做懒加载折叠——不是 bug，是防卡顿的保护机制。你输入 user 回车后看到 {…}，点一下才加载下一层，再点才继续，这是正常行为。
- 首次展开只加载第一层属性，深层字段（如
user.profile.address.city）不会自动展开 - 右键点击对象 → 选择“展开全部”可一次性加载到默认深度（通常 3–5 层），但超过该深度仍显示
{…} - 如果对象含循环引用（比如
parent.children[0].parent === parent），VSCode 会主动截断并标为[Circular]，此时无法靠点击展开 - 调用
JSON.stringify(obj, null, 2)是绕过折叠的快速手段，但注意：会丢失函数、undefined、Symbol 和不可枚举属性
Watch 面板中嵌套属性值不更新或显示 NaN
在“监视”面板添加 user.settings.theme 这类深层路径后，有时值一直显示 NaN 或空白，不是表达式写错，而是作用域或访问时机问题。
- 确保当前断点停在
user变量已定义且非null/undefined的位置；若user是异步加载的，断点太早就会读不到settings - 用可选链更安全：
user?.settings?.theme，避免因中间某层为null导致整个表达式求值失败 - Watch 表达式不支持
let声明的块级变量跨作用域访问，比如在 for 循环内声明的item，跳出循环后 Watch 就失效 - 修改 Watch 表达式后需手动按回车确认，否则仍沿用旧值计算
Variables 面板里展开对象后找不到某个字段
Variables 面板列出的是当前调用栈帧的变量快照，看似完整，但某些字段可能根本不在这个作用域的原始对象上——它可能是 getter、Proxy 代理、或运行时动态注入的属性。
- 原生对象上的 getter 不会自动执行，面板只显示属性名，值为
get；想看结果得在调试控制台手动输入obj.fieldName触发 - Proxy 对象在 Variables 面板中常显示为
Proxy {…}，点开也看不到 trap 内部逻辑，必须用Reflect.get(obj, 'key')或直接调用目标对象（如果有暴露） - 某些框架（如 Vue 3 的 reactive 对象）会对属性加响应式包装，Variables 面板可能只显示
__v_isRef: true这类内部字段，真实值藏在.value里 - 右键变量 → “复制值” 粘贴到控制台，有时比面板展开更可靠，尤其对 Map/Set/WeakMap 等集合类型
想看深层嵌套但不想一层层点，有没有快捷方式
没有全局“一键展开到最深”的按钮，但有更高效的替代路径，避免鼠标疲劳和误操作。
- 在调试控制台直接输入完整路径表达式，比如
response.data.items[0].metadata.tags[2].name，回车即得最终值（前提是路径合法） - 在 Watch 面板添加该表达式，它会在每次断点命中时自动刷新，比反复点展开省事得多
- 对数组或对象列表，用
.map()或Object.keys()快速探查结构：users.map(u => u.id)、Object.keys(config) - 临时加个
console.dir(obj, { depth: 10 })到代码里再触发断点，比依赖 UI 展开更可控
