如何使用 Javascript 在开发人员工具控制台上打印对象答案

【问题标题】：How to print an object on the developer tools console in Javascript如何使用 Javascript 在开发人员工具控制台上打印对象
【发布时间】：2012-02-05 01:04:41
【问题描述】：

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

例如，我通过以下方法获取对象，

getObject : function(responseObj) {

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

}

这只是返回[object]，但我想在开发人员工具中查看完整的层次结构。请看，我正在使用煎茶。

【问题讨论】：

标签： javascript json object console

【解决方案1】：

使用console.dir，不要串联...

console.dir( responseObj );

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

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

【讨论】：

“如何打印具有完整层次结构的对象”问题的最佳答案

【解决方案2】：

这里的问题是你将一个对象连接到一个字符串上，所以它没有做你所期望的。不要将所有内容都放入一个 console.log 调用中，而是执行两个操作，第一个使用您想要的文本，第二个使用其中的对象名称。

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

编辑：

如果您正在登录文本/非交互式控制台，并且不允许您探索对象，则需要实现自定义检查功能，例如 this gist 将帮助您入门。这样做是回显属性名称，以及它逐步找到的值，但请注意它在那里所说的关于范围界定的内容。

编辑编辑：

不知道 console.log 采用多个参数，但从来不需要它：o 好用！

【讨论】：

感谢您的回复。但问题是我不知道对象的结构，所以我不能下一层并输入文本的名称。我想先看文字的名字。