如何在Javascript中在开发人员工具控制台上打印对象

Question

请帮我用console.log方法打印整个对象。如果我只是简单地输入对象的名称，它就会打印[object] [object]。但我想用完整的层次结构打印对象。

举个例子，我在下面的方法中得到了对象，

getObject : function(responseObj) {

    console.log('Object hierarchy is'+responseObj) 

}

这只是返回[object]但我希望在开发人员工具中看到完整的层次结构。请注意，我正在使用sencha。

Answer 1

使用console.dir，不要连接......

console.dir( responseObj );

或者如果您想要标签，请使用逗号传递多个参数。

console.log('Object hierarchy is:', responseObj) 

Answer 2

这里的问题是你将一个对象连接到一个字符串上，所以它没有做你期望的事情。而不是把它全部放在一个console.log调用中，做两个，第一个包含你想要的文本，第二个只包含对象的名称。

getObject : function(responseObj) {
  console.log('Object hierarchy is:');
  console.log(responseObj);
}

编辑：

如果您要登录文本/非交互式控制台，这不会让您浏览对象，则需要实现自定义检查功能，类似this gist的功能将帮助您入门。这样做的是回显属性名称，以及它逐步找到的值，但要注意它在那里所说的范围。

编辑编辑：

不知道console.log采用多个参数，从不需要它：o虽然很方便！