Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie benenne ich Zielvariablen während der Objektdestrukturierung in ES6/ES2015 um?

Susan Sarandon
Freigeben: 2024-10-18 12:59:30
Original
655 Leute haben es durchsucht

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

Destrukturierung mit Alias ​​in ES6/ES2015

Objektdestrukturierung ist eine leistungsstarke Funktion in ES6/ES2015, die es uns ermöglicht, Werte aus Objekten zu extrahieren und Ordnen Sie sie Variablen zu. Manchmal möchten wir jedoch möglicherweise die Zielvariablen während der Destrukturierung umbenennen.

Zielvariablen umbenennen

In Ihrem Beispiel haben Sie versucht, die as-Syntax zu verwenden, um das Ziel umzubenennen Variable wie const {a, b as c} = test;, aber diese Syntax ist in ES6/ES2015 nicht gültig.

Um Zielvariablen während der Objektdestrukturierung umzubenennen, können Sie einfach neue Variablennamen zuweisen, wie in gezeigt das MDN-Beispiel:

<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>
Nach dem Login kopieren

In diesem Beispiel destrukturieren wir das o-Objekt und weisen den Wert der p-Eigenschaft der foo-Variablen und den Wert der q-Eigenschaft der bar-Variablen zu. Die p- und q-Eigenschaften des o-Objekts werden nicht geändert.

Das obige ist der detaillierte Inhalt vonWie benenne ich Zielvariablen während der Objektdestrukturierung in ES6/ES2015 um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage