调试控制台支持当前作用域内合法表达式求值，如user.name、array.filter()（纯函数）、可选链；禁用import/函数声明；报错多因作用域或生命周期问题；监视面板更高效安全。
直接在调试暂停时输入表达式，比翻代码快得多；但必须理解作用域边界和副作用风险，否则会得到错误结果或干扰程序状态。
调试控制台里能输什么表达式
断点暂停后打开“调试控制台”，输入的表达式必须满足：当前调用栈中变量可访问、语法合法、不依赖未定义上下文。
-
user.name、items.length这类简单属性访问最安全，优先试 -
array.filter(x => x > 5)可以执行，但仅限纯函数（不修改原数组、不发请求） -
this?.config?.theme?.darkMode支持可选链，避免Cannot read property 'theme' of undefined - 不能用
import、function声明、let重声明——控制台只支持表达式求值，不是 REPL 环境
为什么有时输入了却报错或返回 undefined
常见原因不是语法错，而是作用域或生命周期问题。
- 变量名拼错或大小写不对：
UserID≠userId，JS 区分大小写 - 变量在当前帧不可见：比如
for循环里的let i在循环外无法访问 - 异步上下文丢失：断点停在回调里，但想查外层
promise变量，可能已被 GC 或未赋值 - 对象是 Proxy 或有 getter：直接输
obj.data可能触发副作用，改用obj.data?.toString()观察
监视面板比反复敲命令更省事
“监视”（Watch）面板适合长期盯住某个值，尤其嵌套深、计算逻辑复杂、或跨多步变化的场景。
- 点击“+”添加
calculateTotal(cart.items)，每次暂停自动刷新结果 - 监控
response?.data?.users[0]?.name比每次手动展开 response 对象快得多 - 如果显示
NaN或ReferenceError，说明表达式某部分为undefined或拼写错误，立刻回头检查 - 右键变量 → “添加到监视”，比手输更准，还能复用已有变量路径
真正容易被忽略的是：调试控制台的表达式运行在目标进程的同一上下文中，它能看到闭包、this、模块私有变量——但也会真实执行副作用。别在生产环境调试时随手调用 api.logout()，哪怕只是想试试返回值。
