Heim > Web-Frontend > js-Tutorial > Warum zeigt die JavaScript-Konsole von Chrome nur den Endwert eines geänderten Arrays an?

Warum zeigt die JavaScript-Konsole von Chrome nur den Endwert eines geänderten Arrays an?

Patricia Arquette
Freigeben: 2024-12-22 09:48:43
Original
792 Leute haben es durchsucht

Why Does Chrome's JavaScript Console Show Only the Final Value of a Modified Array?

Die JavaScript-Konsole von Chrome weist eine unerwartete Objektauswertung auf

Bei einem Vergleich zwischen den JavaScript-Konsolen Firefox und Chrome trat ein eigenartiges Verhalten auf. Während Firefox den Anfangswert und die anschließende Änderung eines Arrays genau ausgibt, zeigt Chrome nur den geänderten Wert für beide Instanzen an.

Problem:

Der folgende Code veranschaulicht das Problem :

var s = ["hi"];
console.log(s);
s[0] = "bye";
console.log(s);
Nach dem Login kopieren

Die Konsole von Firefox erzeugt die erwartete Ausgabe:

["hi"]
["bye"]
Nach dem Login kopieren

Allerdings die von Chrome Konsole rendert:

["bye"]
["bye"]
Nach dem Login kopieren

Antwort:

Dieses Verhalten ist auf einen bekannten und jetzt behobenen Fehler im Webkit zurückzuführen: https://bugs.webkit.org/ show_bug.cgi?id=35801. Dabei handelt es sich um die verzögerte Auswertung von Objekten durch die Konsole.

Verzögerte Auswertung bedeutet, dass die Konsole ein Objekt erst dann auswertet, wenn es bereit ist, die Ausgabe anzuzeigen. Dies geschieht auch dann, wenn das Objekt geändert wurde, bevor die Konsole aktiv wurde.

Lösung:

Um dieses Problem zu vermeiden, kann man das Objekt vor der Protokollierung in eine Zeichenfolgendarstellung konvertieren it:

var s = ["hi"];
console.log(s.toString());
s[0] = "bye";
console.log(s.toString());
Nach dem Login kopieren

Dies erzwingt die sofortige Auswertung des Objekts und die Konsole gibt Folgendes aus:

hi
bye
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum zeigt die JavaScript-Konsole von Chrome nur den Endwert eines geänderten Arrays an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage