Javascript console.log浏览器控制台上的怪异行为[重复]

Question

如果我在chrome或firefox上直接将下面的代码运行到控制台中，在第一个日志中，value2的值在内联表示中是0，但是如果我展开表示检查整个对象，它显示为17。这是一个多浏览器的bug还是我在这里遗漏了javascript的一些东西？我在这里提出这个问题的原因是，这种行为发生在不同的浏览器上，这使我认为语言或函数中存在某种我没有意识到的漏洞。

实际代码：

action = new Object();
action.value1 = 17;
action.value2 = 0;

console.log(action);
action.value2 = action.value1;
console.log(action);

在MacOS Catalina和两种浏览器的最新版本上进行了测试。

编辑--------------

问题是第一个console.log打印的value2为0，但当我展开对象细节时，它显示为17。我附上一张印刷品来澄清这个问题。

控制台结果的打印

即使在展开视图的情况下，第一个输出的value2的结果也是0。

Answer 1

console.log在chrome、firefox、nodejs和其他javascript引擎之间具有不同的内部工作方式。

在你的屏幕截图中，浏览器做了两件事：

1. 打印操作对象
的简短预览
2. 打印操作对象
的可展开引用

短预览是调用console.log时对象的可读版本快照

可消耗引用仅在调用console.log时打印展开图标。当展开时，chrome将获取该可消耗引用所引用的对象的当前值并打印它。当调用console.log时，它不打印值

由于调用console.log时的值({value1:17,value2:0})和当前值({value1:17,value2:17})不同，因此打印的内容不同。