Warum zeigt die JavaScript-Konsole von Chrome im Vergleich zu Firefox inkonsistente Objektwerte an?

Chromes JavaScript-Konsole: Lazy Object Evaluation Enigma

Im Bereich der Debugging-Tools ist die JavaScript-Konsole ein unschätzbarer Vorteil. Allerdings sind Benutzer beim Protokollieren von Objekten auf Inkonsistenzen zwischen Chrome und Firefox gestoßen.

Das Problem

Beachten Sie diesen Code:

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

In Firefox Die Konsole protokolliert das Array genau als:

[ "hi" ]
[ "bye" ]

Die JavaScript-Konsole von Chrome (Version 7.0.517.41 Beta) protokolliert beide Aussagen unerklärlicherweise als:

[ "bye" ]
[ "bye" ]

Bug oder Lazy Evaluation?

Es stellt sich die Frage, ob es sich hierbei um einen Bug oder eine Besonderheit von Chrome handelt Konsole?

Untersuchung der Fehler

Bei der Suche wurde ein bestehender unbestätigter Webkit-Fehler entdeckt (https://bugs.webkit.org/show_bug.cgi?id=35801), der genau dieses Problem erklärt.

Debatte über den Schweregrad

Der Schweregrad des Fehlers ist umstritten. Einige argumentieren, dass es sich um einen echten Fehler handelt, während andere behaupten, dass er im tolerierbaren Bereich liegt.

Das Problem vermeiden

Trotz der Debatte gibt es eine einfache Lösung dafür Vermeiden Sie dieses Verhalten in Ihrem Code:

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

Durch die Konvertierung des Objekts in eine String-Darstellung (über toString) erstellen Sie effektiv ein statisches Bild Dies wird durch spätere Änderungen nicht beeinträchtigt. Die Konsole gibt dann diesen Schnappschuss aus:

hi
bye

Das obige ist der detaillierte Inhalt vonWarum zeigt die JavaScript-Konsole von Chrome im Vergleich zu Firefox inkonsistente Objektwerte an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!