vscode监视面板仅在断点暂停时求值，依赖当前堆栈帧作用域；表达式须为可求值式，禁用语句、声明、await及副作用；变量需在断点后声明才可见；推荐悬停右键添加以避免拼写错误；对象值不会自动刷新，需手动点击↻刷新。
VSCode 监视面板（Watch）不是“加了就自动动起来”的实时仪表盘，它只在断点暂停那一刻求值，且表达式必须能被当前堆栈帧合法执行——设错位置、拼错属性、用了 await 或副作用函数，都会让它显示 Cannot evaluate 或静默空白。
断点位置决定变量是否可见
监视表达式运行在当前暂停帧的作用域里，和代码执行顺序强相关：
- 断点设在
let user = fetchUser();这一行上方 →user还没声明，监视user.name必然报ReferenceError - 断点设在
console.log(user);这一行 →user已赋值，且在作用域内，user?.profile?.avatar才能正常求值 - 对
for循环内的块级变量（如const item = items[i];），断点必须落在该语句之后，否则监视项始终为空
添加表达式时优先用右键悬停，而非手敲
手动输入容易拼错、漏问号、多括号，尤其面对嵌套结构时。更稳的做法是：
- 调试暂停后，把光标悬停在源码中已高亮的变量上（比如
response.data.users） - 右键 → “添加到监视”，VSCode 会自动插入带上下文的完整路径，避免作用域歧义
- 如果想看变形结果（如
users.map(u => u.id)），先粘贴简单版本（response.data.users）验证能出值，再逐步扩展 - 对 Python 字典或 JSON 数据，别写
data['users']，改用data.get('users', [])防KeyError中断整个监视项
哪些表达式能用，哪些会直接失败
Watch 面板只接受**可求值表达式**，不接受语句、声明、异步顶层语法或副作用操作：
- ✅ 安全可用：
user?.name、items.length、typeof data === 'object'、JSON.stringify(state, null, 2) - ❌ 立即报错：
console.log(user)（语句）、let x = 1（声明）、await api()（顶层 await 不支持）、list.pop()（副作用，默认禁用） - ⚠️ 看似可行但危险：
items.filter(x => x.active)—— 若items是undefined，会崩为Cannot read property 'filter' of undefined；应前置判断或用可选链items?.filter(...)
监视不会自动刷新引用内容，这点最容易被忽略
你监视了 obj，然后代码里执行了 obj.count++，Watch 面板里的 obj 展开树**不会动态更新**——它的值只在每次暂停时快照一次。要看到新值，要么重新暂停，要么手动点右侧的刷新图标（↻）。如果你盯着一个对象等它“自己变”，就会卡在原地反复怀疑配置有没有问题。
