码迷,mamicode.com
首页 > 其他好文 > 详细

es6解构赋值总结

时间:2017-10-23 21:51:57      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:变量   def   16px   属性   padding   red   http   解构赋值   需要   

数组的解构赋值

1.简单的赋值方式

技术分享

2.多维数组解构赋值

技术分享

3.默认值,只有当右边对应位置为undefined时候才会选择默认(null不属于undefined)

技术分享

4.左右不对等,会相应的对号入座,没有的以undefined赋值

左边多于右边

技术分享

右边多余左边

 技术分享

对象赋值

1.普通赋值,对象右边的顺序可以打乱

技术分享

2.默认值赋值,同数组

技术分享

3.变量名和属性名不一致

技术分享

也就是说,对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者

4.圆括号的用法

如果在解构之前就已经定义了对象,解构需要加圆括号

技术分享

技术分享

字符串的解构

技术分享

 

es6解构赋值总结

标签:变量   def   16px   属性   padding   red   http   解构赋值   需要   

原文地址:http://www.cnblogs.com/douyaer/p/7718641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!