木槿花西月锦绣

既然选择了远方,便只顾风雨兼程

ES6学习---解构

什么是解构?

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数据

感想:

解构赋值使给变量赋值更加方便,但是书写时要更加注意,嵌套的结构要一一对应,不然就会出错,但是这种方式的可读性较差,一般项目中不会使用过于复杂的解构赋值

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lloyvhe/article/details/52352829
文章标签: es6
个人分类: web前端
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭