Object.getOwnPropertyNames()

Question

在使用框架（在本例中为 Phaser.js）时，我喜欢使用控制台并查找对象的可能属性

Object.getOwnPropertyNames(myObject)

但是，某些属性不会显示在控制台中，我认为是由于不是对象的“OwnPropertyNames”。有没有办法让它们仍然显示在控制台中？

我基本上是在寻找类似的东西

Object.getAllPropertyNames(myObject)

有人可以帮我吗？我是 JS 新手 :)

Answer 1

只需使用for ... in 循环即可遍历所有属性。这也将遍历“父”属性。

// example data
var o = { 
  a: "a1",
  b: "b1"
}

var parent = { 
  c: "c1",
  d: "d1"
}
// set parent, just for the example
Object.setPrototypeOf(o, parent);
  
// loop over all
for (key in o)
{
  console.log('prop "' + key + '" with value "' + o[key] + '"');
}

嵌套示例：

var game =  {
  stage :{
    test1 : 'v1',
    test2 : 'v2'
    
  }
   
}

for (key in game.stage) 
 { console.log(key + '" with value "' + game.stage[key] + '"'); }

Answer 2

如果您使用的是 Google Chrome 的 DevTools，您可以通过调用 dir(myObject) 来查看对象的所有属性：