javascript - Chrome 开发者工具控制台 - 日志堆叠，如何查看重新记录的内容 [内部屏幕截图]？

Question

我刚刚开始使用 Chrome 开发者工具中的控制台(一般来说对 Javascript 来说还是个新手)。我注意到，当我连续两次记录同一个变量(在本例中是一个对象)时，日志会堆叠它并在它旁边放置一个小数字图标。我点击这个以为我将能够看到该对象两次(因为它已经更新了两次)，但是没有任何反应。

更多说明图片:

如您所见，Object 下拉列表旁边的蓝色圆圈中有一个小“2”。第一个日志在 3 处有 Object.num，第二个在 4 处，但是我只能看到第二个。

任何关于如何查看两个日志的答案都将不胜感激。

:).

Answer 1

发生这种情况是因为您两次记录同一个对象。即使这不会导致堆叠，您也只能看到 num 为 4，因为控制台不会 - 至少据我所知 - 获取您记录的对象的副本。这有时会带来一些不便，我同意。

我刚刚想到的确保您获得单独日志的一种方法 - 但会增加内存使用量 - 是做类似的事情

console.log(JSON.parse(JSON.stringify(obj)));

(至少这应该有效。)如果您的对象相对容易通过肉眼解释，您可以省略那里的 JSON.parse 并使用对象的 JSON 字符串形式进行日志记录.

我还建议查看 debugger; 语句 - 无论何时在 JS 程序中遇到，它都会使环境停止代码的执行并跳出脚本调试器。它可能更适合也可能不适合您正在调试的任何内容。