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

Objektdestrukturierung mit Umbenennung von Zielvariablen in ES6/ES2015

Objektdestrukturierung ist eine prägnante und bequeme Möglichkeit, Eigenschaften aus Objekten zu extrahieren. Was aber, wenn Sie die Zielvariablen während der Destrukturierung umbenennen möchten? In diesem Artikel untersuchen wir, wie Sie dies in ES6/ES2015 erreichen können.

Umbenennen der Zielvariablen

Das in ES6/ES2015 eingeführte Schlüsselwort as ermöglicht Ihnen dies Weisen Sie der zerstörten Immobilie einen neuen Namen zu. Dadurch wird die Zielvariable effektiv umbenannt.

const test = { a: 1, b: 2 };
const {a, b: c} = test;

console.log(a); // 1
console.log(c); // 2

In diesem Beispiel wird die b-Eigenschaft destrukturiert und der c-Variablen mithilfe des Schlüsselworts as zugewiesen. Folglich ist die Zielvariable, die auf die b-Eigenschaft verweist, jetzt c.

MDN-Beispiel

Das Mozilla Developer Network (MDN) bietet ein weiteres klares Beispiel für die Objektdestrukturierung mit Zielvariablen Umbenennen:

var o = { p: 42, q: true };

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

console.log(foo); // 42
console.log(bar); // true

In diesem Beispiel werden die Eigenschaften p und q mit dem Schlüsselwort as den neuen Variablennamen foo bzw. bar zugewiesen.

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