Pourquoi la console JavaScript de Chrome affiche-t-elle des valeurs d'objet incohérentes par rapport à Firefox ?

Console JavaScript de Chrome : énigme de l'évaluation d'objets paresseux

Dans le domaine des outils de débogage, la console JavaScript est un atout inestimable. Cependant, les utilisateurs ont rencontré des incohérences entre Chrome et Firefox lors de la journalisation des objets.

Le problème

Considérez ce code :

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

Dans Firefox, la console enregistre avec précision le tableau comme :

[ "hi" ]
[ "bye" ]

Cependant, la console JavaScript de Chrome (version 7.0.517.41 bêta) enregistre inexplicablement les deux déclarations comme :

[ "bye" ]
[ "bye" ]

Bug ou évaluation paresseuse ?

La question se pose : s'agit-il d'un bug ou d'une particularité de Chrome console ?

Enquête sur la Bug

Lors de la recherche, un bug Webkit existant non confirmé a été découvert (https://bugs.webkit.org/show_bug.cgi?id=35801) qui explique ce problème exact.

Débattre de la gravité

La gravité du bug est une question de débat. Certains soutiennent qu'il s'agit d'un véritable bug, tandis que d'autres soutiennent qu'il se situe dans la fourchette tolérable.

Éviter le problème

Malgré le débat, il existe une solution simple pour évitez ce comportement dans votre code :

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

En convertissant l'objet en une représentation sous forme de chaîne (via toString), vous créez effectivement un image statique qui ne sera pas affectée par les modifications ultérieures. La console affichera alors cet instantané :

hi
bye

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!