Comment puis-je afficher avec précision l'état actuel d'un objet JavaScript dans la console du navigateur ?

Obtenir l'état actuel d'un objet avec Console.log

Dans les navigateurs comme Safari, console.log présente le dernier état de l'objet, pas son état au moment de l'appel. Cela peut être gênant lors du débogage ou de l'analyse des modifications d'objet.

Éviter le clonage d'objet

Les méthodes conventionnelles impliquent de cloner l'objet avant d'utiliser console.log pour récupérer l'état à un moment spécifique. indiquer. Cependant, cette approche est inefficace et peut être évitée.

Présentation de console.dir()

Au lieu du clonage, envisagez d'utiliser console.dir(). Contrairement à console.log(), console.dir() affiche un répertoire des propriétés de l'objet au moment de l'appel. Cela fournit une représentation précise de l'état actuel de l'objet.

Exemple :

const test = { a: true };
console.dir(test); // { a: true }
test.a = false;
console.dir(test); // { a: false }

Analyse JSON pour l'exploration d'objets

Une autre technique consiste à convertir l'objet en JSON, puis à le réanalyser en objet. Cela crée un nouvel objet avec les mêmes propriétés que l'original, permettant une exploration dans la console.

console.log(JSON.parse(JSON.stringify(obj))); // Browsable object representation

En utilisant console.dir() ou l'analyse JSON, les développeurs peuvent obtenir efficacement l'état actuel d'un objet. dans la console sans avoir besoin de clonage d'objets ou d'outils externes.

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!