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