什么是解构?
ES6允许按照一定模式,从数组盒对象中提取值,对变量进行赋值,称为解构,即解构赋值
在ES6之前,给变量赋值只能直接指定值,例如:var a=1; var b=2;感觉很麻烦。。
在ES6中,可以给数组、对象、字符串、函数参数进行解构赋值
...x表示剩余的元素到数组结束,只能放在最后的位置
x的值为1,由于第二个没有值,所以y为undefined,z为从第二个值之后到数组结束的值,相当于slice(2)=>即为一个空数组[]
默认值,只有当数组成员为undefined时才生效
如果默认值是一个表达式,则这个表达式是惰性求值的,即只有在用到时才会求值
若等号右边是不可遍历的结构,则报错 eg:let [foo]=1;let [foo]={}
对象解构赋值的内部机制:先找到同名属性,然后再赋值给对应的变量
对于字符串的解构赋值:
会把字符串hello转化为字符数组,再分别对应赋值
还可以进行字符串长度的赋值
解构赋值的用途:
通过解构赋值,可以使变量值的交换更加方便简洁
也可以使函数的返回多个值,并且取出他们的值也更加容易
更方便提取json数据
感想:
解构赋值使给变量赋值更加方便,但是书写时要更加注意,嵌套的结构要一一对应,不然就会出错,但是这种方式的可读性较差,一般项目中不会使用过于复杂的解构赋值