Maison >interface Web >js tutoriel >Que font les crochets sur le côté gauche de l'affectation des variables en JavaScript ?

Que font les crochets sur le côté gauche de l'affectation des variables en JavaScript ?

DDD
DDDoriginal
2024-11-15 17:54:03487parcourir

What are square brackets doing on the left-hand side of variable assignment in JavaScript?

Affectation déstructurante : découvrir la signification des crochets sur le côté gauche de l'affectation de variable

En JavaScript, rencontrer des crochets sur le Le côté gauche d’une affectation de variable peut sembler déroutant. Pour déchiffrer les implications de cette syntaxe, nous nous aventurons dans les domaines de l'affectation de déstructuration.

Syntaxe et fonctionnement

Assignation de déstructuration, une fonctionnalité introduite dans JavaScript 1.7 et ECMAScript 6. , nous permet de décompresser les valeurs de tableaux ou d'objets en variables distinctes. Sa syntaxe ressemble à :

[variable1, variable2, variable3] = [value1, value2, value3];

Dans l'exemple de code :

[ a, b, c ] = myList;

les crochets à gauche représentent l'affectation de déstructuration. Il attribue les valeurs du tableau myList aux variables a, b et c.

Prise en charge des navigateurs

Malgré un fonctionnement transparent dans Opera 10.30 et Firefox 3.6.x, l'affectation de déstructuration n'est pas prise en charge dans Opera 10.60 et Chrome. Cette incohérence est attribuée au fait que l'affectation de déstructuration ne fait pas partie d'ECMAScript 5.

Conformité à la norme ECMAScript

Comme vérifié par la référence liée, l'affectation de déstructuration n'est pas conforme avec ECMAScript 5. Il a été introduit en tant que fonctionnalité dans JavaScript 1.7 puis formalisé dans ECMAScript 6.

Conclusion

L'affectation de déstructuration, symbolisée par des crochets sur le côté gauche de l'affectation de variable, fournit une manière concise de décompresser les valeurs de tableaux ou d'objets. Cependant, sa prise en charge entre navigateurs est limitée en raison de son absence dans ECMAScript 5.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn