“监视”面板不支持属性级过滤，仅显示手动添加的表达式求值结果，无搜索、排序或条件隐藏功能；未显示的属性通常因未定义、求值失败或未展开所致，需通过精确表达式、变量面板、条件断点或debug console辅助分析。
“监视”面板不支持属性级过滤
VSCode 的「监视」（Watch）面板本身没有内置机制来按属性名、类型或值范围过滤表达式列表。它只负责显示你手动添加的表达式求值结果，不提供搜索框、列排序或条件隐藏功能。如果你看到某些属性没出现，不是被“过滤”了，而是根本没被求值——比如访问了 undefined 或 null 的子属性，整个表达式会直接显示为 Cannot read property 'xxx' of null，不会展开结构。
真正起作用的是调试器表达式本身
所谓“过滤特定属性”，本质是写更精确的监视表达式，让结果集天然精简。常见做法包括：
- 用点号链明确路径：
user.profile.name比user更聚焦，避免展开整个对象 - 用方括号动态取值：
user.settings?.['theme']可安全访问可能不存在的键 - 用解构模拟筛选：
{ id, email } = user在监视中直接看关键字段（注意：这会触发赋值，慎用于有副作用的对象） - 调用方法提取：
Object.keys(user).filter(k => k.startsWith('is'))可列出所有布尔型属性名
这些表达式在每次断点暂停时重新执行，结果实时更新，但不会自动刷新或响应属性变更——它不是 reactive 监听器。
容易被误认为“过滤”的行为其实是变量折叠
当你监视一个大对象（如 window 或 props），VSCode 默认只展开一级属性，深层结构需手动点击箭头。这不是过滤，而是懒加载渲染。右键某一行可选 “Expand all” 或 “Collapse all”，但无法设置“只展开 data.* 下的属性”。如果某个属性始终不显示，大概率是当前作用域里它未定义、被优化掉（如未使用的 const）、或调试器尚未完成求值（尤其涉及异步/Proxy 对象时）。
替代方案：用“变量”面板 + 条件断点辅助
比硬塞进监视列表更可靠的方式是：
- 在「变量」面板里展开目标对象，直接找你要的属性；它支持原生折叠/搜索（Ctrl+F），且能显示原型链上的属性
- 对关键属性设“条件断点”：右键行号 → “Add Conditional Breakpoint” → 输入
user.id === 123，让断点只在满足条件时触发，自然聚焦上下文 - 用 Debug Console 手动执行：
console.table(user)或Object.entries(user).filter(([k]) => k.includes('token'))，获得格式化输出
真正难处理的是嵌套过深、动态键名或 Proxy 包裹的对象——它们在监视面板里常显示为 [object Object] 或不可展开，这时必须靠 Debug Console + JSON.stringify() 或自定义 util.inspect() 辅助，而不是指望面板自带过滤。
