VSCode Watch面板仅在断点暂停时求值且限当前作用域表达式：支持user.name、items.filter()、typeof data==='object'&&data?.id、JSON.stringify(state)等合法表达式；不支持语句、未声明变量、异步await、副作用函数及自动追踪引用变化。
VSCode 的 Watch 面板不是“实时刷新的变量查看器”，它只在断点暂停时求值，且表达式必须是当前作用域可访问的合法 JavaScript/TypeScript 表达式。
Watch 面板里写什么表达式才有效
Watch 面板不接受语句（比如 console.log()、let x = 1），只接受能被求值的表达式。常见有效写法：
-
user.name（对象属性访问） -
items.filter(i => i.active)（数组方法链，但注意：若items为undefined，这里会报Cannot read property 'filter' of undefined） -
typeof data === 'object' && data?.id（带可选链和类型判断，更安全） -
JSON.stringify(state, null, 2)（适合查看嵌套结构，但注意性能——大对象会卡顿）
无效写法示例：debugger;、function() {}、if (x) {...} —— 这些直接显示 ReferenceError 或 SyntaxError。
为什么 Watch 里看不到刚声明的 let 变量
Watch 表达式运行在当前暂停帧（stack frame）的作用域中。如果变量是在当前函数内、但在断点**之后**才声明的，它在暂停时刻还不存在。
- 断点设在
let count = 0;这一行上方 →count不可见 - 断点设在
count++;这一行 →count已声明并初始化，可见 - 使用
var声明的变量有变量提升，可能“看起来”更早出现，但不推荐依赖此行为
调试时建议把断点下移一两行，或改用 Debug Console（支持执行语句，作用域更宽松）验证变量是否就绪。
Watch 表达式里调用函数的风险
可以写 getData()，但要注意：
- 该函数必须在当前作用域中存在且无副作用（比如修改全局状态、发起网络请求）
- 如果函数内部抛错，Watch 项会显示错误堆栈，但不会中断调试流程
- 异步函数如
await fetch(...)会报SyntaxError: await is only valid in async functions—— Watch 不支持顶层await - 频繁求值的大计算量函数（如遍历万级数组）会导致调试器卡顿，甚至 VSCode 无响应
替代方案：在代码中插入 console.log('watch:', getData());，或在 Debug Console 中手动执行并加 await（需确保当前环境支持）。
Watch 最容易被忽略的一点：它不会自动追踪引用变化。比如你监视 obj，然后在代码中执行 obj.name = 'new'，Watch 里 obj 的展开树不会动态更新 —— 必须手动点击右侧刷新图标（↻）或重新暂停才能看到新值。
