vscode监视面板不支持变量对比，因其仅为独立表达式求值器；需用调试控制台json.stringify手动比对，或导出为文件用vs code内置diff工具可视化差异。
VSCode 没有“监视面板比较两个变量”的内置功能——监视（Watch）面板只支持单变量求值与跟踪，不能直接对比两个变量的值。 它不是 diff 工具，也不提供 varA === varB 的结构化差异渲染。真要对比，得绕道或换工具。
为什么 Watch 面板里不能选中两个变量点“Compare”
Watch 面板本质是调试器表达式求值器，每行是一个独立的 evaluate 请求。它不维护变量间关系，也不支持多选、右键对比等上下文操作。你输入 user 和 userBackup 是两行独立求值，VS Code 不会自动识别它们可比。
- 输入
user和userBackup后，面板只显示各自展开的树形结构，无合并/对齐/差异标记 - 即使两个对象结构一致，Watch 也不会高亮字段级增删（比如
user.name有而userBackup.name无） - 右键任意一行，菜单里没有 Compare、Diff、Show Differences 等选项——这个菜单是硬编码限制的
替代方案：用调试控制台手动执行 JSON.stringify 对比
这是最轻量、无需插件、能快速验证相等性的做法，适合临时判断对象是否“逻辑一致”。
- 在调试状态下打开
Debug Console（快捷键Ctrl+Shift+Y/Cmd+Shift+Y） - 输入
JSON.stringify(user, null, 2) === JSON.stringify(userBackup, null, 2)→ 回车看true/false - 若为
false，再分别执行两行JSON.stringify(...)，复制结果到外部 diff 工具（如 VS Code 自带的 Compare Files）比对 - 注意：
JSON.stringify会忽略函数、undefined、循环引用；如需深度比对，改用console.log(util.inspect(user, { depth: null }))（Node.js 环境）
真正需要结构化差异时，用临时文件 + VS Code 内置 Diff
当变量值复杂（嵌套深、含 Date/RegExp/Buffer）、或需可视化字段级差异时，Watch 面板完全不够用。必须导出为文本再比。
- 在
Debug Console中执行：copy(JSON.stringify(user, null, 2))和copy(JSON.stringify(userBackup, null, 2)) - 新建两个未命名文件（
Ctrl+N），分别粘贴并保存为user.json和userBackup.json - 资源管理器中按住
Ctrl多选这两个文件 → 右键 →Compare Files - 此时可清晰看到新增字段（绿色）、缺失字段（红色）、值变更（黄底虚线连接）
- ⚠️ 注意：若对象含不可序列化字段（如
function），JSON.stringify会静默丢弃——这时得改用第三方库如fast-deep-equal在控制台运行
扩展方案：安装 Code Diff 或 GitLens 辅助调试时比对
原生不支持，但两个扩展能补上关键缺口：
-
Code Diff（Microsoft 官方）：提供命令CodeDiff: Compare with Clipboard，适合把当前 Watch 中看到的某个变量值复制后，立刻和剪贴板里另一个值对比 -
GitLens：虽主打 Git，但其Compare Editor支持任意文本内容粘贴比对，且保留折叠/搜索能力；比原生 Diff 更耐折腾大对象 - 不推荐装“Watch Diff”类小众扩展——多数已停更，且无法接入调试器实时上下文，只是把字符串当普通文本处理
真正卡住人的地方从来不是“怎么点”，而是误以为 Watch 面板有 diff 能力。它只负责“看见”，不负责“比较”。一旦需要判断两个运行时值的异同，就得主动导出、序列化、再交给真正的 diff 工具——这个动作不能省，也绕不开编码兼容性和序列化陷阱。
