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;

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

Zeiger

typeof null  ==>object;而undefined可以认为在下面两种情况会出现;

2. Undefinierte Variablen-Var-Methode;

Also: Die folgenden beiden sind äquivalent;

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};　　　　//跟键的顺序没有关系;

; 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

let 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);

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!