解构赋值其实就是将一个对象的解构分解，分为两个步骤。
1 .变量声明
2 .变量赋值
另一方面，向数组的构造赋值/*向数组的构造赋值实际上是得到数组的元素，但是我们通常用下标来得到数组元素。 例如，letarr=[ 1，2，3 ]； let a=arr[0]； let b=arr[1]； let c=arr[2]； 数组的解结构赋值为我们提供了非常有用的获取方法。 */letarr0=[1、2、3]； let [a，b，c]=arr0； console.log(a，b，c )； //1，2，31 .模式匹配解结构赋值let [foo，[[bar]，baz]]=[1，[2]，3]； console.log(foo，bar，baz )； //1，2，32 .构造赋值let [，a，b ]=[ 1，2，3，4，5 ]； 控制台. log (a，b )； //3，5 )3.包含其余参数的构造赋值let [a， reset ]=[ 1，2，3，4，5 ]； 控制台. log (a，reset )； //1，[ 2，3，4，5 ]转换为es5的原理如下：
var a=1，reset=[ 2，3，4，5 ]； 控制台. log (a，reset )； //1，[ 2，3，4，5 ]注意：如果其馀参数的对应值为undefined，则会代入[]。 如果找不到相应的值，请按如下方式在slice中剪切： let [a， reset]=[1]； 控制台. log (a，reset )； //1，[]其转生为ES5的原理如下。
var _ref=[1]，a=_ref[0]，reset=_ref.slice(1； 控制台. log (a，reset )； //1，[]非数组解构成数组(点，难点)一条原则)要求解构成数组的前提，请在等号右边，不是数组)严格地说，不是可遍历的解构示例：
let [foo]=1； //错误let [foo1]=false； //报告错误的let [foo2]=NaN； //报告错误的let [foo3]=undefined； //错误let [foo4]=null； //报告错误的let [foo5]={}； //为什么要报告错误？ 转生ES5原理清晰：
var _=1，foo=_[0]； //报告错误的var _false=false，foo1=_false[0]； //错误报告var _NaN=NaN，foo2=_NaN[0]； //错误报告var _undefined=undefined，foo3=_undefined[0]； //报告错误的var _ref=null； foo4=_ref[0]； //报告错误的var _ref2={}，foo5=_ref2[0]； //误报5. Set的构造赋值首先运行new Set ()来加重，对得到的结果进行构造
let [a，b，c ]=newset ([ 1，2，2，3 ]； console.log(a，b，c )； //1，2，36 .求解迭代器function* fibs () { let a=0； let b=1； wile (真) { yield a； [a，b]=[b，a b]； }}let [first，second，third，fourth，fifth，sixth]=fibs (； sixth //5 《来自阮一峰教程》总结1 :在某些数据结构中有迭代器接口可以采用数组形式的构造赋值。 7 .如果求解赋值默认值的变量严格等于undefined，则读取默认值。 严格相等是指“===”
----------let [a，b='default']=[1]； 控制台. log (a，b )； //1，' default '-------let [ c=' default ' ]=[ undefined ]； 控制台. log (c； //default---------function f---- { console.log (AAA ) }； }let [x=f () ]=[1]； 控制台. log (x； //1---------- function f---- { console.log (' AAA )； //'aaa'}let [a，x=f () ]=[1]； 控制台. log (a，x )； //1，undefined总结2 :如果不使用默认值，则不执行默认值的函数2，对象的析构函数赋值1 .析构函数赋值的例子： let P1={ ' name ' : ' zhangzhuauauad //'庄庄'，25转换为es5的原理如下。
var _p1=p1，name=_p1.name，age=_p1.age； 控制台. log (name，age )； //
"zhuangzhuang",25 2. 解构赋值的别名如果使用别名，则不允许再使用原有的解构出来的属性名，看以下举例则会明白：
let p1 = {"name":"zhuangzhuang","age":25}let {name:aliasName,age:aliasAge} = p1;//注意变量必须为属性名console.log(aliasName,aliasAge);//"zhuangzhuang",25console.log(name,age);//Uncaught ReferenceError: age is not defined为何打印原有的属性名则会报错？让我们看看转成es5后的原理是如何实现的：
var _p1 = p1,aliasName = _p1.name,aliasAge = _p1.age;console.log(aliasName,aliasAge);//"zhuangzhuang",25console.log(name,age);//所以打印name和age会报错——“Uncaught ReferenceError: age is not defined”，但是为何只报错age，不报错name呢？只报错age，不报错name，这说明其实name是存在的，那么根据js的解析顺序，当在当前作用域name无法找到时，会向上找，直到找到window下的name,而我们打印window可以发现，其下面确实有一个name，值为“”，而其下面并没有属性叫做age，所以在这里name不报错，只报age的错。类似name的属性还有很多，比如length等。
3.解构赋值的默认值有些情况下，我们解构出来的值并不存在，所以需要设定一个默认值，例如：
let obj = {name:"zhuangzhuang"};let {name,age} = obj;console.log(name,age);//"zhuangzhuang",undefined我们可以看到当age这个属性并不存在于obj的时候，解构出来的值为undefined，那么为了避免这种尴尬的情况，我们常常会设置该属性的默认值，如下：
let obj = {name:"zhuangzhuang"};let {name,age = 18} = obj;console.log(name,age);//"zhuangzhuang",18当我们取出来的值不存在，即为undefined的时候，则会取默认值(假设存在默认值)，ES6的默认值是使用**“变量=默认值”**的方式。
注意：只有当为undefined的时候才会取默认值，null等均不会取默认值
当我们并不是需要取出所有的值的时候，其实可以省略一些变量，这就是省略赋值，如下
let arr = [1,2,3];let [,,c] = arr;console.log(c);//3注意：省略赋值并不存在与对象解构，因为对象解构，明确了需要的属性
let obj = {name:"zhuangzhuang",age:27,gender:"man"}let {age} = obj;console.log(age);//27 5. 解构赋值的嵌套赋值(易错点，重点，难点) let obj = {},arr = [];({ foo: obj.prop, bar: arr[0] } = { foo: 123, bar: true });console.log(obj,arr);//{prop:123},[true]注意当解构出来是undefined的时候，如果再给子对象的属性，则会报错，如下
let {foo: {bar}} = {baz: 'baz'};//报错，原因很简单，看下原理即可，如下：------//原理:let obj = {baz:"baz"};let foo = obj.foo;//foo为undefinedlet bar = foo.bar;//undefined的bar，可定报错 6. {}是块还是对象？当我们写解构赋值的时候，很容易犯一个错误——{}的作用是块还是对象混淆，举例如下：
//举例一：let {a} = {a:"a"};console.loh(a);//'a',这个很简单//很多人觉得，以下这种写法也是可以的：let a;{a} = {a:"a"};//直接报错，因为此时a已经声明过了，在语法解析的时候，会将这一行的{}看做块结构，而“块=对象”，显然是语法错误，所以正确的做法是不将大括号写在开头，如下：let a;({a} = {a:"a"}) 7. 空解构按照之前写的，解构赋值，左边则为解构出来的属性名，当然，在这里，我们也可以不写任何属性名称，也不会又任何的语法错误，即便这样没有任何意义，如下：
({} = [true, false]);({} = 'abc');({} = []); 8.解构成对象的原则 如果解构成对象，右侧不是null或者undefined即可!之前说过，要解构成数组，右侧必须是可迭代对象，但是如果解构成对象，右侧不是null活着undefined即可!
此条如果不对，请联系我微信:809742006
三、字符串的解构赋值字符串也是可以解构赋值的
const [a, b, c, d, e] = 'hello';console.log(a,b,c,d,e);//'h','e','l','l','o'转成es5的原理如下:
var _hello = 'hello', a = _hello[0], b = _hello[1], c = _hello[2];console.log(a, b, c); 注意：字符串有一个属性length，也可以被解构出来，但是要注意，解构属性一定是对象解构 let {length} = 'hello';console.log(length);//5 4. 布尔值和数值的解构布尔值和数值的解构，其实就是对其包装对象的解构，取的是包装对象的属性
{toString:s} = 123;console.log(s);//s === Number.prototype.toString{toString:s} = true;console.log(s);//s === Boolean.prototype.toString 总结：解构赋值的规则是： >1. 解构成对象，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。 >2. 解构成数组，等号右边必须为可迭代对象