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

Gro*_*ler 3 google-chrome developer-tools

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

在简约视图中,我的对象有两个属性:

在此输入图像描述

在展开视图中,我的对象有三个属性:

在此输入图像描述

Gid*_*zer 7

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

在下面的示例中,我创建了一个具有两个数组属性的对象.我把它记录在控制台上,然后我添加了第三个属性c.

快照

尽管我刚刚添加了第三个属性,但只显示了前两个属性.在控制台中展开对象后,我可以看到第三个.它是对象的最新状态.

评估

如果您将鼠标悬停在蓝色小i图标上,它会解释它的作用:

刚刚评估了下面的价值.