Maison > interface Web > js tutoriel > le corps du texte

Comment renommer les variables cibles lors de la déstructuration d'objets dans ES6/ES2015 ?

Susan Sarandon
Libérer: 2024-10-18 12:59:30
original
655 Les gens l'ont consulté

How to Rename Target Variables During Object Destructuring in ES6/ES2015?

Déstructuration avec Alias ​​dans ES6/ES2015

La déstructuration d'objets est une fonctionnalité puissante dans ES6/ES2015 qui nous permet d'extraire des valeurs d'objets et assignez-les à des variables. Cependant, nous pouvons parfois souhaiter renommer les variables cibles lors de la déstructuration.

Renommer les variables cibles

Dans votre exemple, vous avez essayé d'utiliser la syntaxe as pour renommer la cible variable comme const {a, b as c} = test;, mais cette syntaxe n'est pas valide dans ES6/ES2015.

Pour renommer les variables cibles lors de la déstructuration d'un objet, vous pouvez simplement attribuer de nouveaux noms de variables, comme indiqué dans l'exemple MDN :

<code class="javascript">var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true</code>
Copier après la connexion

Dans cet exemple, nous déstructurons l'objet o et attribuons la valeur de la propriété p à la variable foo, et la valeur de la propriété q à la variable bar. Les propriétés p et q de l'objet o ne sont pas modifiées.

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!

source:php
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal