"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Explication de la question d'entretien Javascript - Propriétés de l'objet

Explication de la question d'entretien Javascript - Propriétés de l'objet

Publié le 2024-11-03
Parcourir:141

Javascript Interview Question Explanation- Object Properties

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 l'attribue à 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'affecte à 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 cet objet a "[object Propriété Object]" 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 !

Déclaration de sortie Cet article est reproduit sur : https://dev.to/kawaljain/javascript-interview-question-explanation-object-properties-1hof?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3