首页 > 其他 > 详细

ES6中的解构

时间:2019-07-17 21:40:02      阅读:88      评论:0      收藏:0      [点我收藏+]

数组中的解构:
技术分享图片

输出 :
白板
幺鸡
二条

对象的解构:
技术分享图片

输出:
老王
12

数组的结构用[];对象的解构用{};一定要区分它是数组还是解构。
区分方法:看 它是在赋值还是在拿值,等号左边,都为解构,等号右边,都是数组或者对象。

...运算符,
首先来看:
技术分享图片

输出:
白板
幺鸡
二条

如果给C加上 ... 运算符;
技术分享图片

输出:
白板
幺鸡
["二条","三饼","四筒"]

...运算符必须出现在尾巴(即最后),叫做 rest 运算符,俗称“尾巴”解构;
技术分享图片

技术分享图片

函数的参数也可以解构;
技术分享图片

即为将数组传入了函数,函数自动帮我拆开数组。
即等于 apply
技术分享图片

即 apply 可以被[]代替,使用在形参列表,表示自动解构。

函数的形参列表也能使用 ... 运算符
技术分享图片

此时这个函数即为计算所有实参的和,原来使用的arguments,也被代替。

形参列表中还可以有对象的自动解构语法;
技术分享图片

对于对象来说, K:V的结构模式 ;
技术分享图片

冒号右边的变量被是被真正赋值的,冒号左边的变量是表示的是对象的属性;

通常用来从对象中取一个属性,但要给此属性改名,即:
技术分享图片

输出:
10

ES6中的解构

原文:https://www.cnblogs.com/lixiao0703/p/lixiao01.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!