Firefox调试器中监视表达式显示(unavailable)的原因排查

这是Firefox旧版本调试器的典型问题，结合你描述的现象——函数内监视表达式失效但作用域面板/alert()能正常获取值、全局变量无异常且控制台无报错，我来拆解下可能的成因和解决办法：

可能的成因 #

• 调试器本身的兼容性bug
  Firefox 59是比较老旧的版本（当前官方稳定版早已迭代到100+），当时的调试器在处理JS引擎优化后的变量时存在缺陷。比如当JS引擎对变量做了死代码消除或名称混淆/重命名优化后，调试器的监视表达式模块无法正确关联到原始变量，而作用域面板是直接读取执行上下文的词法环境，alert()则是直接执行代码求值，这两种路径不受该bug影响，所以能正常获取值。

• 词法环境的访问逻辑差异
  全局变量的作用域是全局执行上下文，调试器能稳定追踪；但函数内部的词法环境是动态创建的，旧版本调试器的监视表达式在求值时，没有正确绑定当前函数的执行上下文，导致无法解析变量引用，从而显示"(unavailable)"——这不是你的代码存在作用域错误，而是调试器的实现问题。

• 变量声明的时机影响（概率较低）
  如果你的变量是在断点位置之后才完成初始化，监视表达式可能提前读取导致失效，但你提到"有时"能在作用域面板看到值，所以这个情况可能性不大，更偏向于调试器本身的问题。

解决建议 #

• 优先升级Firefox版本
  这是最彻底的解决方案，新版本调试器修复了大量旧版本的变量追踪bug，能完美解决这类问题。
• 临时替代调试方式
  如果暂时无法升级，可以用以下方式替代监视表达式：
  • 直接查看作用域面板的变量值；
  • 在调试时直接在控制台输入变量名求值，这个路径的逻辑和监视表达式不同，大概率能拿到正确结果；
  • 临时添加console.log(yourVariable)输出变量（比alert()更友好，不会阻断调试流程）。
• 调整变量写法适配旧调试器
  把需要监视的变量赋值给一个简单的临时变量，比如：

  let debugTemp = yourTargetVar;
  

  然后监视debugTemp，旧调试器对这种直接的变量引用识别度更高。

内容的提问来源于stack exchange，提问作者Noroti