我們知道以前我們給乙個變數賦值要這樣如下：
let a = 1;
let b = 2;
let c = 3;
let [a, b, c] = [1, 2, 3]let [aa, [[bb], cc]] = [1, [[2], 3]]let [,,d] = [10, 20, 30];
console.log(d);
let [e, ...f] = [1, 2, 3, 4, 5];let [x, y, ...z] = [1];解構賦值也允許預設值， 如下：
let [ x = '預設值'] = ;let [ a = 123 ] = [ undefined ];
let [ b = 321 ] = [ null ];
預設值可以引用解構賦值的其他變數，但是這個變數必須得宣告過的，如下：
let [ a = 0, b = a] = ;但是如果這個變數沒有宣告，就會報錯，如下：
let [ a = b, b = 1] = ;let = ;物件解構賦值可以無需按照順序一一對應，但是括號兩邊的變數名稱和屬性名稱要相同，才能取到正確值
let = ;如果變數名和屬性名不一樣，則要按照如下寫：
let = ;這裡可以說明，物件解構賦值實際上是如下的簡寫：
let =let =
//fa為 1
//aa為 uncaught referenceerror: aa is not defined
= ;
// aa 為 1
// fa 為 1
}
當然物件也可以多層巢狀如下：
]
}let ]} = obj;
console.log(x); // 1
console.log(y); // 2
}
;
let arr = ;
( = );
console.log(obj); //
console.log(arr); // [123]
}
= {};
console.log(x); //1
}= {};
console.log(y); //4
}= ;
console.log(y); //5
}
= ;
console.log(x); //null
}
= );
console.log(1); // 1
}
陣列對應物件屬性的解構：
= arr;
console.log(one); // 1
console.log(three); // 3
}
= 'hero';
console.log(len); // 4
}
= 123;
console.log(s === number.prototype.tostring); //true
} = true;
console.log(s === boolean.prototype.tostring); //true
}
= undefined; //報錯
let = null; //報錯
}
function func( = {})
console.log(func()); //[5,6]
console.log(func()); //[5,0]
console.log(func({})); //[0, 0]
console.log(func()); //[0, 0]
function fn( = )
console.log(fn()); // [11, 22]
console.log(fn()); // [11, undefined]
console.log(fn({})); // [undefined, undefined]
console.log(fn()); // [1, 2]
[(b)] = [3]; // 正確
( = {}); // 正確
[(parseint.prop)] = [3]; // 正確
es6變數解構賦值
es6允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量，並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示，可以從陣列中提取值，按照位置的物件...
ES6變數解構賦值
es6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構 es6之前我們申明多個變數需要按照下面的方法 let l a 1 let b 2 let c 3 let d 4 或者 let a 1,b 2,c 3,d 4 現在我們可以更加簡便 let a,b,c,d 1,2,3,4 ...
es6 變數解構賦值
1.陣列的解構賦值 等號兩邊的模式相同，左邊的變數就會被賦予對應的值 預設值 undefined型別只有乙個值，即undefined。當宣告的變數還未被初始化時，變數的預設值為undefined。null型別也只有乙個值，即null。null用來表示尚未存在的物件，常用來表示函式企圖返回乙個不存在的...