Читать книгу JavaScript – Das Handbuch für die Praxis - David Flanagan - Страница 69
Komplexe Destrukturierung verstehen
ОглавлениеKomplexe destrukturierende Zuweisungen lassen sich mithilfe einer nützlichen Grundregel leichter nachvollziehen und verstehen. Denken Sie zunächst an eine normale Zuweisung eines Einzelwerts. Nachdem die Zuweisung erfolgt ist, können Sie den Variablennamen, der auf der linken Seite der Zuweisung steht, als Ausdruck in Ihrem Code verwenden, wo er zu dem Wert ausgewertet wird, den Sie ihm zugewiesen haben. Das Gleiche gilt für die destrukturierende Zuweisung. Die linke Seite einer destrukturierenden Zuweisung sieht aus wie ein Array- oder Objektliteral (siehe 6.2.1 und 6.10). Nachdem die Zuweisung erfolgt ist, fungiert die linke Seite tatsächlich an einer beliebigen Stelle Ihres Codes als gültiges Array- oder Objektliteral. Sie können überprüfen, ob Sie eine destrukturierende Zuweisung korrekt formuliert haben, indem Sie versuchen, deren linke Seite auf der rechten Seite eines anderen Zuweisungsausdrucks zu verwenden:
// Beginnen Sie mit einer Datenstruktur und einer komplexen Destrukturierung.
let points = [{x: 1, y: 2}, {x: 3, y: 4}];
let [{x: x1, y: y1}, {x: x2, y: y2}] = points;
// Überprüfen Sie Ihre Destrukturierungssyntax, indem Sie die Zuordnung
// umdrehen.
let points2 = [{x: x1, y: y1}, {x: x2, y: y2}]; // points2 == points