為什麼 `console.log` 有時會顯示錯誤的物件狀態，如何修復？

如何在Console.log 中顯示物件的目前狀態

使用console.log 輸出物件時，您可能會遇到顯示的物件反映其最終執行時的狀態，而不是最初呼叫console.log 時的問題。這種差異在 Safari 和沒有其他擴充功能的瀏覽器中尤其明顯。

問題：

考慮以下範例：

var test = { a: true };
console.log(test); // {a: false}
test.a = false; 
console.log(test); // {a: false}

在此在這種情況下，第二個console.log 呼叫會錯誤地顯示{a: false}，即使'a' 屬性的實際值已被賦值為'false'。

解決方案：使用console.dir()

解決此問題並在console.log 為時顯示物件的當前狀態呼叫後，您可以利用console. dir() 函數。與 console.log() 不同，console.dir() 在呼叫時提供物件屬性的目錄，從而提供物件狀態的準確表示。

使用JSON 字串化：

或者，您可以利用JSON 字串化和解析來實現類似的效果result:

console.log(JSON.parse(JSON.stringify(obj)));

此方法涉及使用JSON.stringify() 將物件轉換為JSON 字串，然後使用JSON.parse() 將其解析回JSON 物件。這有效地克隆了對象，讓您可以準確地顯示其當前狀態。

以上是為什麼 `console.log` 有時會顯示錯誤的物件狀態，如何修復？的詳細內容。更多資訊請關注PHP中文網其他相關文章！