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

es6(es2015)解构赋值

时间:2020-02-17 00:45:22      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:函数的参数   veh   ==   agg   bic   作者   odi   git   结构   

?es6新增结构赋值,结构赋值分为两种 数组解构赋值,对象解构赋值。

 

数组解构赋值:

技术图片

分别按顺序给数组中的每一项赋值。

技术图片 如上所示如果c未给赋值,c为undefind。

技术图片

a==1,b==2 那么3并没有被保存到变量中,这时如果想要将剩余值进行保存,可以只用“...”

技术图片

技术图片

...c 这样的形式,可以将剩余值以数组的形式将其保存到变量c中。

另外...可用于复制数组

技术图片

实际项目中有时候我们需要将函数中的实际参数放到一个数组中,

技术图片

es5:Array.prototype.slice.call(arguments);

es6:[...arguments] ;

 

对象解构赋值:

 

技术图片

技术图片

分别按键值给对象中的每一项赋值。

技术图片

c 没有被赋值所以c为undefind。

技术图片

如上图,c和d没有 变量接收,同样可以用“...” 将剩余变量接收为一个对象。

技术图片

技术图片

“...”也可用来赋值一个对象。

技术图片

实战中经常性需要将请求的回调函数中的对象中的值作为一个函数的参数。

技术图片

上图中,先复制该对象然后将复制好的对象解构赋值,这样就实现了既不改变原有对象,又可以将对象中的每一项作为实际参数在其他函数中使用。

 

 

以上内容为作者本人对结构赋值的理解,如有错误欢迎指出,我们共同进步。

技术图片

 

es6(es2015)解构赋值

标签:函数的参数   veh   ==   agg   bic   作者   odi   git   结构   

原文地址:https://www.cnblogs.com/renshikai/p/12319423.html

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