destructure assignment就是解构赋值，简单来说，就是能将一个对象属性赋给另外一个对象属性、将一个数组元素赋给另外一个数组元素。什么意思呢？我们来看例子。

数组解构

var arr=[1,2]; 
var [a,b]=arr; 
console.log(a,b);//1,2 

没有解构，需要这样写

var arr=[1,2]; 
var a,b; 
a = arr[0]; 
b = arr[1]; 
console.log(a,b);//1,2 

两者对比，可以看到，免去了声明变量、按索引取值赋值的繁琐，简单明了，看一下babel编译结果

var arr = [1, 2]; 
var a = arr[0], 
    b = arr[1]; 
console.log(a, b); //1,2 

对象解构

var obj = {name :"hi"} 
var {name:x} = obj 
console.log(x) //hi 

看一下babel的编译结果

var obj = { 
  name: "hi" 
}; 
var x = obj.name; 
console.log(x); //hi 

可以看到x = obj.name是 目标参数=源对象.目标属性，因为x是变量，所以可以随意命名，那么x当然可以改为name

var {name:name} = obj 

因为属性名与值同名，所以可以继续简化

var {name} = obj