Bagaimanakah Saya Boleh Memaparkan Keadaan Objek dengan Tepat dalam Konsol JavaScript?

Masalah Memaparkan Keadaan Objek dalam Console.log? Gunakan console.dir() atau Penukaran JSON

Apabila memeriksa keadaan objek dalam konsol, pembangun sering menghadapi ketidakkonsistenan antara data yang dipaparkan dan keadaan objek sebenar pada titik pelaksanaan. Ini boleh dikaitkan dengan cara console.log() beroperasi, yang hanya menunjukkan keadaan objek pada langkah pelaksanaan terakhir.

Untuk mengurangkan isu ini dan mendapatkan semula keadaan objek dengan tepat pada masa console.log () panggilan, satu penyelesaian yang berkesan ialah menggunakan console.dir(). Tidak seperti console.log(), yang menyediakan rujukan kepada objek, console.dir() membentangkan direktori sifat objek pada saat penyeruannya.

Pendekatan alternatif ialah menukar objek kepada Rentetan JSON menggunakan JSON.stringify() dan kemudiannya menghuraikannya semula ke dalam objek dengan JSON.parse(). Teknik ini mencipta objek boleh semak imbas yang serupa dengan yang disediakan oleh console.dir().

Berikut ialah contoh untuk menggambarkan perbezaan antara console.log() dan console.dir():

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

Dalam contoh ini, console.log() memaparkan keadaan objek yang diubah suai ({a: false}) disebabkan oleh kelewatan masa antara pelaksanaan dan output konsol. Sebaliknya, console.dir() menangkap keadaan objek dengan tepat pada masa seruannya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Keadaan Objek dengan Tepat dalam Konsol JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!