ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
关于给变量赋值，传统的变量赋值是这样的：
var arr = [1,2,3];//把数组的值分别赋给下面的变量； var a = arr[0]; var b = arr[1]; var c = arr[2]; console.log(a);//a的值为1 console.log(b);//b的值为2 console.log(c);//c的值为3
变量的解构赋值：
var [a,b,c] = [1,2,3]; //把数组的值分别赋给下面的变量； console.log(a);//a的值为1 console.log(b);//b的值为2 console.log(c);//c的值为3
不需要分别把变量a，b，c分别声明定义和赋值，只需要将变量a，b，c作为一个数组的元素，然后将数组[1,2,3]赋值给数组[a,b,c]即可，变量a，b，c即可分别得到对应的值。
数组的结构赋值
1、结构赋值可以嵌套的：
var [ a,b,[ c1,c2 ] ] = [ 1,2,[ 3.1,3.2] ]; console.log(c1);//结果：c1的值为3.1 console.log(c2);//结果：c2的值为3.2
数组中即使再嵌套另一个数组，结构赋值也能为我们的变量准确的赋值，c1和c2的值分别为3.1 , 3.2，也就是赋值成功。
2.不完全解构
var [a,b,c] = [1,2]; console.log(a);//结果：a的值为1 console.log(b);//结果：b的值为2
当左边的模式（你可以理解为格式）与右边不完全一样的时候，那么赋值过程中，只会给模式匹配成功的部分的变量赋值，例如：变量c没有在右边找到匹配的模式，所以无法进行赋值，但这并不影响变量a和变量b的赋值，因为它们在右边找到与之匹配的模式，这种叫做不完全解构。
3.赋值不成功，变量的值为undefined
var [a,b,c] = [1,2]; console.log(a);//结果：a的值为1 console.log(b);//结果：b的值为2 console.log(c);//结果：c的值为undefined
4.允许设定默认值
var [a,b,c=3] = [1,2]; console.log(a);//结果:a的值为1 console.log(b);//结果:b的值为2 console.log(c);//结果:c的值为3
例子中变量c已经指定默认值为3，即使右侧没有与之对应的值赋给它也没关系，它都可以成功赋值为3，如果你想覆盖默认值3，只需赋一个有效的值即可。如下：
var [a,b,c=3] =[1,2,4]; console.log(a);//结果:a的值为1 console.log(b);//结果:b的值为2 console.log(c);//结果:c的值为4
对象的解构赋值
对象的解构赋值跟数组的解构赋值很类似：
var { a,b,c} = {"a":1,"b":2,"c":3}; console.log(a);//结果：a的值为1 console.log(b);//结果：b的值为2 console.log(c);//结果：c的值为3
如果这样修改：
var { a,b,c } = {"a":1,"c":3,"b":2}; console.log(a);//结果：a的值为1 console.log(b);//结果：b的值为2 console.log(c);//结果：c的值为3
对象的解构赋值不会受到属性的排列次序影响（数组则会受影响），它是跟属性名关联起来的，变量名要和属性名一致，才会成功赋值。
如果变量找不到与其名字相同的属性，就会赋值不成功
var { a } = {"b":2}; console.log(a);//结果：a的值为undefined
一个变量名与属性名不一样的变量解构赋值
var { b:a,} = {"b":2}; console.log(a);//结果：a的值为2
对象解构赋值也可以嵌套
var {a:{b}} = {"a":{"b":1}}; console.log(b);//结果：b的值为1
可以指定默认值
var {a,b=2} = {"a":1}; console.log(b);//结果：b的值为默认值2
字符串的解构赋值
var [a,b,c,d,e,f] = "我就是前端君"; console.log(a);//我 console.log(b);//就 console.log(c);//是 console.log(d);//前 console.log(e);//端 console.log(f);//君
解构赋值的用途
一、交换变量的值
传统做法最常用的是引入第三个变量来临时存放，如下：
var x = 1; var y = 2; var z = x;//第三个变量临时存放x的值 x = y; //把y的值赋给x； y = z; //把z的值赋值给y； console.log(x); //结果：x为2 console.log(y); //结果：y为1
var x = 1; var y = 2; [x,y] = [y,x];
二、提取函数返回的多个值
函数只能返回一个值，我们可以将多个值装在一个数组或者对象中，再用解构赋值快速提取其中的值。
functiondemo(){ return {"name":"张三","age":21} } var {name,age} =demo(); console.log(name);//结果：张三 console.log(age);//结果：21
三、定义函数参数
functiondemo({a,b,c}){ console.log("姓名："+a); console.log("身高："+b); console.log("体重："+c); } demo({a:"张三",b:"1.72m",c:"50kg",d:"8000"});
四、函数参数的默认值
传统的参数默认值的实现方式是，先判断该参数是否为undefined，如果是代表没传，需要手动给它赋一个值，如：
functiondemo(a){ varname; if(a === undefined){//判断参数书否是否传值 name= "张三"; //没传，赋默认值 }else{ name=a; } console.log(name); }
function demo({name="张三"}){ console.log("姓名："+name);//结果：姓名：张三 } demo({});
上面的代码给我们展示了通过解构赋值设定函数参数的默认值，简洁地代码即可实现。函数调用的时候没有传入对应的name参数，此时name就会使用默认值：“张三”，是不是很简洁很方便....
总结：解构赋值给我们一种新的变量赋值方式，主要可以利用数组解构赋值和对象解构赋值。它的用途包括：交换变量值，提取函数返回值，函数参数定义，默认值设定等等，都给我们编程带来便利，在未来的代码中会见到越来越多人使用这个新特性。