如何在 Firefox 调试器中查看我的私有类字段值？

Question

当代码在断点处暂停时，我的私有类变量在 devTools 中的哪个位置显示？我可以看到公共变量，但看不到私有变量（我的意思是前缀为

#

的变量）

class MyClass {

  #myVar;

  constructor() {
    
    this.#myVar = 'foo'
    debugger
  }
  
}


new MyClass()

Answer 1

当您在调试器中停止时，您可以在侧边栏的

Scopes > MyClass

部分中看到 this。展开它显示私有财产

#myVar: "foo"

。

更一般地，如果停止时不在类的方法中，则需要一个包含类实例的变量。您可以在控制台中输入变量名称，然后会显示其属性。