Enthüllung der Geheimnisse von geschweiften Klammern in Variablendeklarationen

Die Syntax var { ... } = ..., die häufig in JavaScript vorkommt Add-on SDK-Dokumente und Chrome Javascript können zunächst verwirrend erscheinen. Es stellt jedoch eine leistungsstarke Funktion dar, die als destrukturierende Zuweisung bekannt ist.

Die destrukturierende Zuweisung ermöglicht eine effiziente Werteextraktion aus Objekten und Arrays und weist sie neu deklarierten Variablen mithilfe der Objekt- und Array-Literal-Syntax zu. Betrachten Sie das folgende Beispiel:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

Dieser Code extrahiert effektiv bestimmte Eigenschaften (a, b, c) aus dem ASCII-Objekt und erstellt individuelle Variablen für jede Eigenschaft. Dieser Ansatz rationalisiert den Code und macht wiederholte Zuweisungen überflüssig wie:

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

Ähnlich können Sie die Destrukturierungszuweisung für Arrays verwenden, wie unten dargestellt:

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

Dieser Code entspricht dem folgenden:

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

Darüber hinaus ermöglicht die Destrukturierungszuweisung das Umbenennen von Eigenschaften während der Extraktion. Zum Beispiel:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

Dieser Code erstellt die Variablen A, B und C mit Werten, die den Eigenschaften a, b und c im ASCII-Objekt entsprechen.