Chrome在展开时显示不同的对象内容

Question

为什么Chrome会显示两个不同的数据集，具体取决于您是否展开了对象视图？

在承包看来，我的对象有两个属性：

展开视图，我的对象有三个属性：

Answer 1

您在控制台中看到的对象在特定时间点的对象快照 - 您登录时的时间。展开对象时，它将再次评估属性。

在下面的例子中，我创建了一个具有两个数组属性的对象。我登录了控制台，然后添加了第三个属性c。

只有前两个属性显示的是，即使我只是增加了一个第三个属性。在控制台中展开对象后，我可以看到第三个。这是该对象的最新状态。

如果你将鼠标悬停在小蓝i图标，这说明它做了什么：下面

价值刚才进行了评价。

Answer 2

@Gideon Pyzer是对的。在控制台中展开对象后，计算并添加属性。

只需在调试代码上面添加一行代码，然后重新打开chrome开发工具，就会看到不同之处。

obj = Object.freeze(obj); //add this line before your console.log 
console.log(obj); 

前：

后：

一个矿的类似的问题： Why can't I access the attr of the javascript object shown in chrome dev tool