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
数组的解构赋值
1.结构赋值可以嵌套的
var [ a,b,[ c1,c2 ] ] = [ 1,2,[ 3.1,3.2 ] ];
console.log(c1);//结果：c1的值为3.1
console.log(c2);//结果：c2的值为3.2
2、不完全解构
var [a,b,c] = [1,2];
console.log(a);//结果：a的值为1
console.log(b);//结果：b的值为2
- 赋值不成功，变量的值为undefined
var [a,b,c] = [1,2];
console.log(a);//结果：a的值为1
console.log(b);//结果：b的值为2
console.log(c);//结果：c的值为undefined
- 允许设定默认值
var [a,b,c=3] = [1,2];
console.log(a);//结果:a的值为1
console.log(b);//结果:b的值为2
console.log(c);//结果:c的值为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,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;
[x,y] = [y,x];
传统的做法时引入第三个变量来临时存放，做一个中间的存储，赋值，现在简单一句即可实现。
二.提起函数返回的多个值
function demo(){
return {"name":"张三","age":21}
}
var {name,age} = demo();
console.log(name);//结果：张三
console.log(age);//结果：21
三、定义函数参数
function demo({a,b,c}){
console.log("姓名："+ a);
console.log("身高："+ b);
console.log("体重："+ c);
}
demo({a:"张三",b:"1.72m",c:"50kg",d:"8000"});
四、函数参数的默认值
function demo({name="张三"}){
console.log("姓名："+name);//结果：姓名：张三
}
demo({});
总结：解构赋值给我们一种新的变量赋值方式，主要可以利用数组解构赋值和对象解构赋值。它的用途包括：交换变量值，提取函数返回值，函数参数定义，默认值设定等等，都给我们编程带来便利，在未来的代码中会见到越来越多人使用这个新特性。