ES6 允许按照一定模式从数组和对潒中提取值，对变量进行赋值这被称为解构(Destructuring)。

具体的对象解构赋值的规则可以参考 , 说的很详细

作为一个前端程序员，对于ES6这个新的语法表达式肯定是需要熟练使用的，下面是我个人的一些理解给大家分享一下。

在ES6没有出现以前我们是这样把对象中的值赋给变量的。

然后有人说这里var被使用多次, 不好。 于是修改为下面这样?

有人说obj这个对象被多次调用，不好...... 于是ES6来了被修改为下面这样?

当我们想把對象中的属性值赋给变量的时候。一般需要考虑两个因素分别是属性值、变量。而属性是通过属性名决定的变量是通过变量名决定的。所以最后决定因素就是属性名，变量名当我们能够确定属性名和变量名的时候，它们对应的属性值和变量值之间的赋值关系也就确萣了

所以在ES6的解构赋值中，大致可以分为两种情形属性名与被赋值的变量名一致与不一致

1. 属性名与变量名不一致

当属性名称与变量名稱不一致的，需要显式的指定属性名这样才能把属性值给赋值到变量中。

2. 属性名与变量名一致

当属性名称与变量名称一致的就只需要顯示的指定变量名。

这里的语法结构跟前面也不一样把变量名和属性名合并在一起。

当然了上面是常见的赋值情况，还有一些其他条件下也是需要考虑的

1. 属性不存在，但是依然赋给变量

当要给变量赋值的属性不存在会给变量提供一个默认值undefined

当要给变量赋值的属性不存在的时候，变量是能够被赋予默认值

3. 同一个属性赋给多个变量

对象中的一个属性值是可以同时赋予給多个变量。

解构赋值是可以嵌套而且是从对象最外层开始查找

前面的例子中，都是是let {xxx} = {xxx} 的形式于是就会觉得使用解构赋值就一定需要使用let、const、var。 其实不是的let {xxx} = {xxx} 这只是其中的一种方, 声明完变量后就对其进行赋值。 解构赋值是对变量的赋值只要是变量都是可以进行赋值的。

解决的方式很简单紦上面的代码块变成一段表达式就OK

解构赋值是ES6提供一个十分方便的表达式。 在开始的时候上面那么多的规则，很难记住于是为了理解。我把ES6代码转变成下面这种方式于是很快就明白了。