javascript - 在 Chrome 控制台中展开 JavaScript 对象时显示不同的属性值

Question

我正在使用 Chrome 开发工具进行一些 JavaScript 调试，发现以下异常情况。

当对象展开时，date 怎么可能有不同的值？

Answer 1

在打印对象时你应该小心使用 chrome 控制台。请注意，chrome 在打印/扩展对象时会进行评估，并且它会异步进行(这意味着其他代码可能同时执行并更改对象)。始终尝试打印到 String 以进行调试，而不是打印对象本身。

我举了一个很简单的例子来说明问题。

<div id="foo"></div>

console.log($('#foo')); //expected output [div#foo...]
$('#foo').attr('id','hello');

chrome控制台中的实际输出是:

Try it yourself here (JSFiddle).