Warum zeigen Konsolenprotokolle in Chrome, Firefox und Safari unterschiedliche Werte an?

Unterschiede der Konsolenobjektwerte in Chrome, Firefox und Safari

In JavaScript werden Objekte als Referenz gespeichert, was bedeutet, dass console.log aufgerufen wird Mit Objektargumenten eine Objektreferenz protokollieren. Dies kann zu überraschendem Verhalten führen, wenn das Objekt in der Konsole angezeigt wird.

In Firefox Firebug werden beim Protokollieren eines Objekts stets die korrekten Werte angezeigt:

Object { bar=1111 }
1111

Object { bar=2222 }
2222

In den Konsolen von Chrome und Safari hingegen Es wird ein anderes Verhalten beobachtet:

Object { bar=2222 }                      // Object shows updated value
1111                                      // Attribute value remains unchanged

Object { bar=2222 }                      // Object shows updated value
2222                                      // Attribute value is correct

Diese Inkonsistenz ist auf die Designentscheidung in Chrome (und Safari, da es WebKit verwendet) zurückzuführen, das Objekt nach dem ersten Aufruf von console.log zwischenzuspeichern. Der zwischengespeicherte Wert wird für alle nachfolgenden console.log-Aufrufe verwendet, auch wenn das Objekt in der Zwischenzeit aktualisiert wird.

Um diese Verwirrung zu vermeiden, wird empfohlen, Nicht-Objekt-Methoden zum Protokollieren von Objektwerten zu verwenden, wie zum Beispiel:

console.log(JSON.stringify(foo));      // Serializes the object into a JSON string

Alternativ können Sie die Methoden toJSON und valueOf von Chrome verwenden, die ähnliche Funktionen bieten:

console.log(foo.toJSON());                // Invokes the object's `toJSON` method (if defined)
console.log(foo.valueOf());               // Invokes the object's `valueOf` method (if defined)

Durch die Verwendung dieser Techniken können Sie sicherstellen, dass die in der Konsole angezeigten Werte korrekt sind im Einklang mit dem tatsächlichen Zustand des Objekts.

Das obige ist der detaillierte Inhalt vonWarum zeigen Konsolenprotokolle in Chrome, Firefox und Safari unterschiedliche Werte an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!