Wie ermöglicht die Objektklammernotation von JavaScript eine destrukturierende Zuweisung?

Objektklammernotation ({ Navigation } =) auf der linken Seite der Zuweisung

In JavaScript ist die Objektklammernotation ({ Navigation } =) auf der linken Seite einer Zuweisung ist eine Syntax, die eine destrukturierende Zuweisung ermöglicht. Diese im ES2015-Standard eingeführte Funktion ermöglicht die Extraktion spezifischer Eigenschaften eines Objekts in Variablen.

Objektdestrukturierung

Die Objektdestrukturierungssyntax ermöglicht die Extraktion von Eigenschaften Verwenden derselben Syntax wie bei der Erstellung von Objektliteralen. Der folgende Code weist beispielsweise die p- und q-Eigenschaften eines Objekts o den Variablen p und q zu:

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

console.log(p); // 42
console.log(q); // true

Sie können den extrahierten Eigenschaften auch neue Variablennamen zuweisen:

var {p: foo, q: bar} = o;

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

Array-Destrukturierung

Destrukturierung kann auch auf Arrays angewendet werden, wodurch die Zuweisung einzelner Elemente zu Variablen vereinfacht wird. Betrachten Sie das folgende Array foo:

var foo = ["one", "two", "three"];

Ohne Destrukturierung würden Sie Variablen wie folgt Elemente zuweisen:

var one   = foo[0];
var two   = foo[1];
var three = foo[2];

Mit Destrukturierung können Sie das gleiche Ergebnis prägnanter erzielen:

var [one, two, three] = foo;

Das obige ist der detaillierte Inhalt vonWie ermöglicht die Objektklammernotation von JavaScript eine destrukturierende Zuweisung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!