【ES9(2018)】Object Rest Spread

前面讲到 function 的 rest剩余参数和spread扩展运算符，ES9中新增Object的 Rest & Spread 方法：

const input = {a: 1,b: 2
}const output = {...input,c: 3
}console.log(output) // {a: 1, b: 2, c: 3}

这块代码展示了 spread 语法，可以把 input 对象的数据都拓展到 output 对象，这个功能很实用，比如在vue中我们经常用它来合并路由对象。

我们再来看下 Object rest 的示例：

const input = {a: 1,b: 2,c: 3
}let { a, ...rest } = inputconsole.log(a, rest) // 1 {b: 2, c: 3}

当对象 key-value 不确定的时候，把必选的 key 赋值给变量，用一个变量收敛其他可选的 key 数据，这在之前是做不到的。

【ES9(2018)】Object Rest Spread相关推荐

【ES9(2018)】RegExp扩展
文章目录 1. dotAll 模式 2. 具名组匹配 3. 后行断言 1. dotAll 模式正则表达式中,点(.)是一个特殊字符,代表任意的单个字符,但是有两个例外.一个是四个字节的 UTF-16 ...
【ES9(2018)】String 扩展标签模板里字符串转义
放松对标签模板里字符串转义的限制, 遇到不合法的字符串转义返回undefined,并且从raw上可获取原字符串. ES9开始,模板字符串允许嵌套支持常见转义序列,移除对ECMAScript在带标签的模 ...
【ES9(2018)】for await...of
for...of循环用于遍历同步的Iterator接口.新引入的for await...of循环,则是用于遍历异步的Iterator接口. 先来看下for...of的效果: function Gen( ...
【ES9(2018)】Promise.prototype.finally()
指定不管最后状态如何都会执行的回调函数. Promise.prototype.finally() 方法返回一个Promise,在promise执行结束时,无论结果是fulfilled或者是reject ...
【ECCV 2018】Facebook开发姿态转换模型，只需一张照片就能让它跳舞（视频）
DensePose 是 Facebook 研究员 Natalia Neverova.Iasonas Kokkinos 和法国 INRIA 的 Rıza Alp Guler 开发的一个令人惊叹的人体实时 ...
【ES6基础】Object的新方法
Object对象可谓是JS的重要核心内容,在你使用JS的过程中,你会发现自己的工作大部分都是在操作对象,ES6.ES7.ES8引入了不少新的方法,本篇文章笔者将带着大家一起熟悉下重点的新方法. 本篇文 ...
【论文阅读】 Object Detection in 20 Years: A Survey
[论文阅读]Object Detection in 20 Years: A Survey 摘要论文介绍 1.目标检测 2.目标检测的里程碑 3.数据集 4.性能度量摘要本篇博客参考Object ...
【JSOI 2018】潜入行动（树形动态规划）
题目链接 [JSOI 2018]潜入行动题目大意求nnn个节点的树上大小为k" role="presentation" style="position: r ...
【HNOI 2018】游戏
[HNOI 2018]游戏 Problem Description 一次小 \(G\) 和小 \(H\) 在玩寻宝游戏,有 \(n\) 个房间排成一列,编号为 \(1,2,-,n\),相邻房间之间都有 ...

【ES9(2018)】Object Rest Spread

【ES9(2018)】Object Rest Spread相关推荐

最新文章

热门文章