Mengapakah Konsol JavaScript Chrome Menunjukkan Nilai Objek Yang Diubah Suai Daripada Nilai Asal?

Gelagat Penilaian Konsol JavaScript Chrome untuk Objek

Soalan:

Dalam coretan kod JavaScript, tatasusunan ditakrifkan dan dicetak ke konsol. Selepas mengubah suai elemen tatasusunan, ia dicetak semula. Konsol Firefox memaparkan kedua-dua nilai yang betul, tetapi konsol Chrome dengan malas menilai objek dan mencetak nilai yang diubah suai untuk kedua-dua keadaan.

Adakah terdapat ralat dalam kod atau adakah ia tingkah laku konsol Chrome?

Jawapan:

Seperti yang dinyatakan dalam laporan pepijat WebKit (kini diperbaiki), terdapat isu berkenaan penilaian Chrome terhadap objek dalam konsol.

Penjelasan dan Pengelakan:

Tingkah laku ini berpunca daripada sifat penilaian malas konsol Chrome untuk objek. Ia menilai mereka hanya apabila ia dipaparkan pada konsol, membawa kepada output yang salah jika objek diubah suai sebelum paparan.

Untuk mengelakkan isu ini, seseorang boleh memanggil .toString() pada objek, yang mencipta perwakilan yang tidak akan diubah oleh perubahan kod berikutnya. Memanggil .toString() sebelum mencetak ke konsol memastikan bahawa nilai yang betul dipaparkan.

Kod Diubah Suai:

var s = ["hi"];
console.log(s.toString()); // Prints "hi"
s[0] = "bye";
console.log(s.toString()); // Prints "bye"

Menggunakan pendekatan yang diubah suai ini, output konsol dalam Chrome akan sama dengan yang terdapat dalam Firefox, memaparkan kedua-dua nilai yang betul untuk tatasusunan.

Atas ialah kandungan terperinci Mengapakah Konsol JavaScript Chrome Menunjukkan Nilai Objek Yang Diubah Suai Daripada Nilai Asal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!