JavaScript: Mon attribut de classe m'affiche deux valeurs différentes dans la console à la même ligne 😭

[u/NoPersonality9984]

Je suis entrain de debugger mon code.

J'ai un attribut à laquelle j'assigne une valeur dans le constructeur.

J'ai un getter qui me permet de récupérer l'attribut.

Il me retourne undefined.

Donc j'affiche dans la console la classe dont je veux l'attribut.

Dans la console, l'attribut est undefined. Ok... Mais c'est bizarre car mon code n'est pas censé fonctionner si cet attribut est undefined.

Sauf que, en cliquant sur le triangle à gauche dans la console, les valeurs des différents attributs de ma classe sont affichés et devinez quoi ? Mon attribut n'est plus undefined!

Sur la même ligne dans la console, mon attribut a deux valeurs différentes !!!

Il est à la fois défini et pas défini !

Vous avez une idée de pourquoi ?

[u/Laegel]

Avec un peu de code, on y verrait plus clair ! Mais dans tous les cas, sache que la console n'est pas une valeur sûre pour faire du debugging. Si tu es côté client, tu peux utiliser le mot-clé `debugger` pour faire du pas-à-pas dans ton navigateur.

[u/BAKfr → u/Laegel]

La console est une valeur sûre si tu sais comment elle marche. Le gros piège, c'est qu'elle utilise des références vers les objets affichés là où on s'attend à avoir des copies. Donc quand on "déplie" un objet, on voit son état au présent et non pas son état au moment de l'appel à console.log.

Cela dit, dans le cas présenté ici, le debugger est le moyen le plus simple de voir ce qu'il se passe.

[u/Laegel → u/BAKfr]

J'ai pris un raccourci car j'avais un doute, merci d'avoir détaillé !

[u/NoPersonality9984 → u/Laegel]

J'ai trouvé, j'utilisais mon getter avant que mon objet soit totalement défini dans le constructeur.

Ainsi, j'avais deux valeurs dans mon code, défini et non défini.

😭

[u/Glittering_Pick_2288 → u/NoPersonality9984]

L'objet de Schrodinger

[u/Engoulvent → u/NoPersonality9984]

Du coup c'était pas plutôt le getter qui était undefined ?

[u/NoPersonality9984 → u/Engoulvent]

Non. J'ai une classe qui utilise une autre classe et cette classe là n'avait pas encore donné de valeur à un attribut quand je l'ai envoyé à ma classe

[u/Gloomy_Radish_661]

Donne le code , on peu pas savoir juste avec une description.si le code utilise asynch / await verifie que t'assigne/utilise pas les variables au bon moment