Explication des questions d'entretien Javascript - Propriétés de l'objet

Bonjour lecteur,

Je vais expliquer la question de codage de l'entretien javascript. Comment fonctionne le compilateur javascript et ce qu'il produit réellement en sortie.
Je vais décomposer chaque partie de la sortie, expliquer pourquoi elle apparaît de cette façon et la reconnecter aux lignes spécifiques de code responsables

let a = {};
let b = { key: 'b' };
let c = { key: 'c' };

a[b] = 123;
a[c] = 456;

console.log(a[b])

Avant de plonger dans les détails, prenez un moment pour regarder cet extrait de code. Essayez de deviner quel sera le résultat en fonction de votre compréhension actuelle. Cette approche permet non seulement de renforcer vos compétences JavaScript, mais rend également l'explication qui suit beaucoup plus significative
"Pensez à la façon dont JavaScript traitera chaque ligne. Une fois que vous avez deviné, continuez à lire pour voir si vous avez bien compris !"

Explication du code ci-dessus

1. Pour la ligne 1

let a = {};

Au-dessus du code, crée un objet vide et attribuez-le à la variable 'a'.

1. Pour la ligne 2

let b = { key: 'b' };

Cette ligne crée un objet avec une seule clé de propriété et la valeur 'b', et l'assigne à la variable 'b'.

1. Pour la ligne 3

let c = { key: 'c' };

Cette ligne crée un objet avec une seule clé de propriété et la valeur 'c', et l'affecte à la variable 'c'.

1. Pour la ligne 4

a[b] = 123;

a[b] = 123 Cette ligne définit une propriété de l'objet a en utilisant l'objet b comme clé. En JavaScript, lorsqu'un objet est utilisé comme clé dans un autre objet, l'objet est d'abord converti en chaîne à l'aide de la méthode toString(). Dans ce cas, la représentation sous forme de chaîne de l'objet b est "[object Object]" . Ainsi, la propriété "[object Object]" de l'objet a est définie sur la valeur 123.

1. Pour la ligne 5

a[c] = 456;

Semblable à l'étape précédente, "c" est également un objet et converti en chaîne, il devient ""[object Object]"".

Par conséquent, la ligne a[c] = 456; est équivalente à "a[object Object]"=456, ce qui signifie que l'objet a "[object Object]" propriété et sa valeur est 456.

1. Pour la ligne 6

console.log(a[b])

La sortie est 456. lorsque vous essayez d'accéder à la propriété "a[b]", javascript convertit à nouveau b en chaîne, qui est "[object Object]". Puisque l'objet a une propriété avec la clé "[object Object]" et sa valeur est 456. Il imprimera donc la sortie.

Conclusion

En résumé, le code démontre que lorsqu'un objet est utilisé comme clé dans un autre objet, l'objet est d'abord converti en une représentation sous forme de chaîne, qui est "[object Object]" par défaut. Cela signifie que les objets b et c sont traités comme la même clé et que la dernière valeur attribuée à cette clé est celle qui est récupérée.

Mission accomplie : décrypter le code !

J'espère que cette explication a non seulement clarifié le code, mais a également suscité une certaine curiosité pour une exploration plus approfondie. JavaScript regorge de surprises et d'outils puissants, et chaque élément que vous apprenez vous rapproche de sa maîtrise.
Merci d'avoir lu et j'espère que vous avez apprécié cette ventilation ! N'hésitez pas à partager vos réflexions, questions ou idées de sujets futurs dans les commentaires.

Bon codage !

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!