关闭

ES6学习---解构

标签: es6
102人阅读 评论(0) 收藏 举报
分类:

什么是解构?

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

感想:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:23209次
    • 积分:525
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:16篇
    • 译文:1篇
    • 评论:5条
    文章分类
    最新评论