使用Console.log 取得物件的目前狀態
在Safari 等瀏覽器中，console.log 顯示物件的最後狀態，而不是呼叫時的狀態。這在調試或分析物件更改時可能會很不方便。
避免物件複製
傳統方法涉及在使用 console.log 擷取特定位置的狀態之前複製物件。觀點。然而，這種方法效率低下，是可以避免的。
引入console.dir()
考慮使用console.dir()而不是克隆。與console.log()不同，console.dir()在呼叫時顯示物件屬性的目錄。這提供了物件當前狀態的精確表示。
範例：
const test = { a: true };
console.dir(test); // { a: true }
test.a = false;
console.dir(test); // { a: false }用於物件探索的JSON 解析
另一種技術是將物件轉換為JSON，然後將其解析回物件。這將創建一個與原始對象具有相同屬性的新對象，允許在控制台中進行探索。
console.log(JSON.parse(JSON.stringify(obj))); // Browsable object representation
透過利用 console.dir() 或 JSON 解析，開發人員可以有效取得物件的目前狀態在控制台中，無需物件複製或外部工具。
以上是如何在瀏覽器控制台中精確查看JavaScript物件的目前狀態？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
