與 Firefox 相比，為什麼 Chrome 和 Safari 控制台物件顯示會出現異常？

瀏覽器控制台中的物件顯示異常

在程式設計中，偵錯涉及檢查控制台中物件的屬性和值。然而，用戶在 Chrome、Firefox 和 Safari 的瀏覽器控制台中顯示物件時可能會遇到意外的不一致問題。

Chrome 和Safari 與Firefox：物件值差異

考慮問題中提供的JavaScript 程式碼：

<code class="javascript">var foo = { bar: 1111 };
console.log(foo);
console.log(foo.bar);
foo.bar = 2222;
console.log(foo);
console.log(foo.bar);</code>

而Firefox數值顯示為：

Object { bar=1111}
1111
Object { bar=2222}
2222

Chrome 和Safari 的控制台表現出特殊的行為：

Object { bar=2222}
1111
Object { bar=2222}
2222

解釋差異

解釋差異

在控制台中展開物件的選項卡後，其值將被凍結並與原始物件解耦。因此，之後更改物件的值不會影響其在展開標籤中的顯示。

解決方法

<code class="javascript">console.log(JSON.stringify(foo));</code>

為了避免這種差異，開發人員可以使用序列化物件的方法物件轉換為非物件值，例如JSON 字串化：

以上是與 Firefox 相比，為什麼 Chrome 和 Safari 控制台物件顯示會出現異常？的詳細內容。更多資訊請關注PHP中文網其他相關文章！