Chrome調試器：什么是“PropertyBag”對象？

Question

通過以下方式使用Chrome調試器：

console.dir(element);

在控制台上，數據類型稱為“PropertyBag”。 我原以為“對象”。

什么特殊的物體是“PropertyBag”？

我之前從未在JavaScript中讀過這個術語......

Answer 1

正如您在上面的注釋中所說，您使用的是其他人（或自定義框架）編寫的代碼，而element只是自定義類的一個實例。 例如，PropertyBag類存在於cesiumjs中 。

如果對象是類的實例（不是簡單對象，實際上是帶有構造函數的類），如果在該項上使用console.log ，您將在控制台中獲取類名（至少在Chrome中）和一個小箭頭來擴展它。 您可以在控制台中復制/粘貼以下代碼以測試行為。

class User {
  constructor(name) {
    this.name = name;
  }

  sayHi() {
    alert(this.name);
  }
}

let user = new User("John");
console.log(user);

干杯!