Bagaimanakah Saya Boleh Melihat Dengan Tepat Keadaan Semasa Objek JavaScript dalam Konsol Pelayar?

Mendapatkan Keadaan Semasa Objek dengan Console.log

Dalam penyemak imbas seperti Safari, console.log menunjukkan keadaan terakhir objek, bukan keadaannya pada masa memanggil. Ini boleh menyusahkan apabila menyahpepijat atau menganalisis perubahan objek.

Mengelakkan Pengklonan Objek

Kaedah konvensional melibatkan pengklonan objek sebelum menggunakan console.log untuk mendapatkan semula keadaan pada tempat tertentu titik. Walau bagaimanapun, pendekatan ini tidak cekap dan boleh dielakkan.

Memperkenalkan console.dir()

Daripada mengklon, pertimbangkan untuk menggunakan console.dir(). Tidak seperti console.log(), console.dir() memaparkan direktori sifat objek semasa membuat panggilan. Ini memberikan gambaran yang tepat tentang keadaan semasa objek.

Contoh:

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

JSON Parsing untuk Penerokaan Objek

Teknik lain ialah menukar objek kepada JSON dan kemudian menghuraikannya semula menjadi objek. Ini mencipta objek baharu dengan sifat yang sama seperti yang asal, membenarkan penerokaan dalam konsol.

console.log(JSON.parse(JSON.stringify(obj))); // Browsable object representation

Dengan menggunakan console.dir() atau penghuraian JSON, pembangun boleh memperoleh keadaan semasa objek dengan berkesan dalam konsol tanpa memerlukan pengklonan objek atau alatan luaran.

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