Es6中的解构赋值和数组扩展

1，解析赋值

function breakfast(){
return ['啊','哈','黑'];
}
let [desset,drink,fruit] = breakfast();
console.log(desset,drink,fruit);
输出的结果： ['啊','哈','黑']

（1）结构赋值中的对象赋值

var s = {a:1,b:2,c:3,d:4};
var { a: a, b: b } = s;
console.log({ a, b } )
输出的结果：{a: 1, b: 2}

2，数组扩展

let arr1=[1,2,3];
console.log(arr1);
console.log(...arr1);//将数组展开加载
let arr2=[21,22,...arr1];
console.log(arr2);

3，扩展运算符可以与解构赋值结合起来，用于生成数组。

const [first, ...rest] = [1, 2, 3, 4, 5];
console.log(first); // 1
console.log(rest)// [2, 3, 4, 5]

报错的两种写法：
（1）const [first, ...middle, last] = [1, 2, 3, 4, 5];
（2）const [...butLast, last] = [1, 2, 3, 4, 5];
*注：如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。