Pourquoi la console JavaScript de Chrome affiche-t-elle uniquement la valeur finale d'un tableau modifié ?

La console JavaScript de Chrome présente une évaluation d'objet inattendue

Lors d'une comparaison entre les consoles JavaScript Firefox et Chrome, un comportement particulier est apparu. Alors que Firefox imprime avec précision la valeur initiale et les modifications ultérieures d'un tableau, Chrome affiche uniquement la valeur modifiée pour les deux instances.

Problème :

Le code suivant illustre le problème :

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

La console de Firefox produit le résultat attendu :

["hi"]
["bye"]

Cependant, La console de Chrome affiche :

["bye"]
["bye"]

Réponse :

Ce comportement est dû à un bug connu et désormais corrigé dans Webkit : https://bugs.webkit.org /show_bug.cgi?id=35801. Cela implique l'évaluation paresseuse des objets par la console.

L'évaluation paresseuse signifie que la console n'évalue pas un objet tant qu'il n'est pas prêt à afficher la sortie. Cela se produit même si l'objet a été modifié avant que la console ne devienne active.

Solution :

Pour éviter ce problème, on peut convertir l'objet en une représentation sous forme de chaîne avant de se connecter. it :

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

Cela force l'évaluation de l'objet immédiatement, et la console affiche :

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!