Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Destrukturierungszuweisung in ES6
Dieses Mal werde ich Ihnen die Destrukturierungsaufgabe von ES6 ausführlich erläutern. Was ist bei der Verwendung der Destrukturierungsaufgabe von ES6 zu beachten? Hier ist ein praktischer Fall. Destrukturierende Zuweisung des @1-Arrays;
Tatsächlich ist es sehr einfach, den Unterschied zwischen undefiniert und null zu verstehen: obwohl undefiniert==null;let [a,b,c]=[1,2,3]; console.log(a,b,c) //1 2 3 ---------------------------------------------------------------- let [a=true]=[]; console.log(a) //a=true; ---------------------------------------------------------------- let[a=true]=[undefined]; let[b=true]=[null] console.log(a,b) //a=true,b=null
, es ist immer noch eine unterscheidbare Referenz. Das Rhinoceros-Buch besagt, dass null ein leeres
Objekt1 ist. Greifen Sie auf ein Element zu, das nicht im Array vorhanden ist;typeof null ==>object;而undefined可以认为在下面两种情况会出现;
2. Undefinierte Variablen-Var-Methode;
Also: Die folgenden beiden sind äquivalent;
Es ist nicht schwer zu verstehen, warum;let[a=true]=[undefined]; let[a=true]=[ ];
Destrukturierende Zuweisung von @2 Objekte;
ist anders als ein Array, die Destrukturierungszuweisung des Objekts basiert auf dem Schlüssel und nicht auf dem Index
let {foo,bar}={bar:"liuhf",foo:true}; //跟键的顺序没有关系;Die Destrukturierungszuweisung der Saite
; Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website, nachdem Sie den Fall gelesen haben. Verwandte Lektüre:
const [a,b,c,d,e,f]="liuhee"; console.log(a,b,c,d,e,f); // l i u h e e
Eingabe, Ausgabe, Modulanalyse von webpack3.x
Vue2-Tab-Wechselmethodelet json = { a: '对', b: '象' } //对象的函数解构; function fun({ a, b = 'jspang' }) { console.log(a, b); } fun(json); //数组的函数解构; let arr = ["liu", "hai"] function fun1([a, b]) { console.log(a, b); } fun1(arr); console.log("------------"); //或者; function fun2(a, b) { console.log(a, b); } fun2(...arr);Zusammenfassung der grundlegenden JavaScript-Kenntnisse (11) Objekte, Verpackungsklassen
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Destrukturierungszuweisung in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!