Detaillierte Erläuterung der Destrukturierungszuweisungsbeispiele in ES6

Dieses Mal erkläre ich Ihnen das Destrukturierungszuweisungsbeispiel von ES6 ausführlich. Wir wissen, dass ES6 sehr leistungsfähig ist, daher wird Ihnen dieser Artikel eine detaillierte Analyse geben.

Grundlegende Verwendung

let [x, y, ...z] = ['a']
//"a", undefined, []

1. Wenn die rechte Seite des Gleichheitszeichens kein Array ist, wird ein Fehler gemeldet (keine überquerbare Struktur)
2. Destrukturierungsauftrag var, let, Es sind Const-Befehlsdeklarationen anwendbar
3. Die Set-Struktur kann auch destrukturiert und zugewiesen werden (mit der Iterator-Schnittstelle , die in Form einer Array-Struktur zugewiesen werden kann)

set Destrukturierung: eine Sammlung einzelner Werte jeglichen Typs

let [x, y, z] = new Set(["a", "b", "c"])
x //"a"

Standardwert

1 Der Wert von Array-Mitgliedern ist nicht unbedingt gleich undefiniert und der Standardwert nimmt nicht an Wirkung (wenn null, ist der entsprechende Wert immer noch null)

[x=1, y=2, z=3, o=4] = ['a', , undefined, null]
//"a", 2, 3, null、

2. Wenn der Standardwert ein Ausdruck ist, wird der Ausdruck träge ausgewertet und nur ausgeführt, wenn er verwendet wird.

3. Der Standardwert kann sich auf andere der Struktur zugewiesene Variablen beziehen, aber die Variable muss deklariert worden sein

ObjektStrukturzuweisung

1 . Das Array ist in der richtigen Reihenfolge angeordnet und die Objektvariable muss denselben Namen wie das

Attribut

var {bar, foo, baz: loc} = {foo: 'aaa', baz: 'bbb'}
bar //undefined
foo //"aaa"
loc //"bbb"
baz //ReferenceError: baz is not defined

2 haben. Die Verwendung von let-Zuweisungen führt zu ein Fehler

3. Objekte, die für verschachtelte Strukturen verwendet werden können

var node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
}
var {loc:{start:{line}}} = node
line //1
loc //ReferenceError: loc is not defined
start //ReferenceError: start is not defined

Linie ist eine Variable, und loc und start sind Muster

Ich glaube, Sie haben es gemeistert Weitere spannende Informationen zur Methode finden Sie auf der chinesischen PHP-Website

Andere verwandte Artikel!

Verwandte Lektüre:

Horizontaler ununterbrochener Bildlaufeffektcode

Wie sieht die JS-Engine aus, wenn sie läuft

So passen Sie das Konsolenobjekt bei Verwendung von JS an

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Destrukturierungszuweisungsbeispiele in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!