1.解构的概念
ES6 中允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。
2.变量的解构
没学习解构之前,我们要给变量赋值时采取以下的方式:
let a = 1;
let b = 2;
let c = 3;
console.log(a, b, c);//1 2 3
在进行对数组的解构赋值时,等号右边必须是可遍历的结构,比如说数组,Set集合,甚至Generator对象。否则会报错。
1)完全解构
let [a,b,c]=[1,2,3]; //要求=号两边的模式相同。
console.log(a,b,c); //1 2 3
2)不完全解构(等号左右边的变量与值的个数不相等,就会发生部分解构)
let [a, b] = [1, 2, 3];
console.log(a, b)//1 2
我们可以清晰的看到,使用了解构之后代码清晰易懂,且简短。本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。
3.对象的解构
要求:变量名与对象的属性名保持一致。
1)完全解构
let obj = {
name: 'lucy',