显示当前对象值控制台日志

Question

我想在 Javascript 中显示对象属性的当前值。

我做了一个 console.log(object) 它给了我这个 :

它给了我一个 i 蓝框，当鼠标悬停时，它给了我这个文本 object value at left was snapshotted when logged, value below was evaluated just now.

我看到之前的一些帖子建议使用 console.log(JSON.parse(JSON.stringify(object))); 将日志转换为 JSON，但它只给我红色的值。

我对绿色的比较感兴趣

这实际上带来了一个问题：这些值中哪些是最新的，最终是最终的？红色的还是绿色的？

谢谢！

Answer 1

红框中的值为调用console.log时的值。绿色的是单击控制台中的对象后的值。如果你有一个循环，那么每次在循环结束时调用 console.log 都会给你最新的值。如果您只想要最终值，那么在您的循环或计算结束并且不会再次修改这些值后，在对象上调用 console.log 它将为您提供最终值。

Answer 2

绿色值 是展开日志时的值。
红色值 是您记录它们时的值。

控制台中的简单测试

let obj2 = { a: 1, b: 2, c:3, d:4, e:5, f:6 };
setInterval(()=>{
    obj2.a+=0.1;
    obj2.b+=0.01;
});
console.log(obj2);

当我展开记录的对象时提供此捕获图像

无论我再次扩展多少次，值仍然存在，如果我想要更新的值，我需要再做一次 console.log(ob2)。

显示当前对象值控制台日志

Display current object value console log

javascript

console.log