javascript - 对象和 console.log 的奇怪行为

Question

<分区>

Answer 1

通过 console.log 检查对象以异步方式发生。控制台同步接收对对象的引用，但在展开之前不会显示对象的属性(在某些情况下，取决于浏览器以及日志发生时您是否打开了开发工具)。如果对象在控制台中检查之前已被修改，则显示的数据将具有更新后的值。

例如，Chrome 会在一个框中显示一个小的 i，当鼠标悬停时，它会显示:

Object value at left was snapshotted when logged, value below was evaluated just now.

让你知道你在看什么。

在这些情况下记录的一个技巧是记录各个值:

console.log(obj.foo, obj.bar, obj.baz);

或者JSON编码对象引用:

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