vscode调试控制台的表达式求值是断点暂停时的即时交互行为，仅支持合法js/ts表达式（如user.name）、禁止语句和未定义变量，赋值后需手动刷新变量面板或重新输入查看结果。
VSCode 的表达式求值不是靠“流程管理”驱动的，它本质是断点暂停时的即时交互行为——没有预设流程，只有作用域上下文和输入即执行的响应链。
调试控制台里输什么才能求值
必须输入合法的 JavaScript/TypeScript 表达式，不能是语句（如 if、for、let x = 1），也不能是未定义变量的裸引用。
- ✅ 可用：
user.name、items.filter(i => i.active)、config?.timeout ?? 3000 - ❌ 报错：
const debug = true（声明语句）、console.log('x')（虽能执行但不返回值，显示undefined）、nonExistentVar（报ReferenceError） - ⚠️ 注意：箭头函数需包裹在括号里才可立即执行，比如
(() => user.id)()；直接写() => user.id返回的是函数本身，不是调用结果
为什么改了变量值但“变量”面板没变
赋值操作（如 count = 42）确实会修改运行时值，但 VS Code 的“变量”面板默认只在断点命中瞬间快照一次，不会自动刷新已展开的节点。
- 刷新方式：单步执行（F10/F11）或继续运行（F5）再暂停，面板才会重载
- 更可靠的做法：在调试控制台里再次输入变量名，比如
count，看返回值是否更新 - 深层对象属性修改（如
user.profile.theme = 'dark'）可能触发 Vue/React 的响应式系统，但不会自动反映在面板折叠结构中，需手动点击“刷新”图标（如有）或重新展开
监视表达式和调试控制台求值的区别
两者都依赖当前作用域，但生命周期和使用意图完全不同。
-
监视面板里的表达式是“常驻”的：每次断点暂停都会自动重新求值，适合盯住一个关键路径（如response.data.length或calculateTotal(items)） -
调试控制台是“一次性”的：你输、它算、它返回，适合探索性操作（比如临时调用validateForm(formData)看返回、拼接字符串验证格式） - 常见误用：把带副作用的表达式（如
array.push(1)）加进监视列表——它会在每次暂停时执行一遍，导致数组不断增长
真正难的不是语法对不对，而是判断“这个表达式该不该在这里跑”。比如调用 fetch() 看似方便，但它会发真实请求、可能污染后端状态、还可能因跨域或 CORS 被浏览器拦截静默失败——这种细节，不卡在断点里试一次根本意识不到。
