ES9新特性_ES9扩展运算符与rest参数---JavaScript_ECMAScript_ES6-ES11新特性工作笔记053

最新推荐文章于 2024-05-30 11:00:41 发布
最新推荐文章于 2024-05-30 11:00:41 发布
阅读量432 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/113527478
本文介绍了ES9中对象的扩展运算符和rest参数的新增特性。在ES6中，扩展运算符主要用于数组，而在ES9中，它也被应用于对象。举例说明了如何在函数参数中使用...rest参数接收剩余的对象属性，并通过对象拼接展示了扩展运算符的用法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

然后我们再去看看 es9中对,对象扩展运算符的增加.

可以看到说...这个rest参数与spread扩展运算符...,在es6中已经有了,但是es6,这个只是针对于数组的

es9可以针对对象提供了,类似数组的rest参数和扩展运算符.

 

可以看到上面我们声明一个connect({host,port,username,password}){

console.log(host);

console.log(port);

console.log(username);

console.log(password);

}

我们声明connect函数,然后可以看到参数是个对象,

然后我们调用的时候,传入这个对象.

然后这里我们可以把,后面connect这个函数的,后两个参数,换成一个...user

然后这样的话,我们调用connect函数的时候,

前两个函数是赋值给对应的参数,然后后面的参数,比如username,passwor

了解本专栏 订阅专栏 解锁全文 超级会员免费看
ES6新特性_ES6的Rest参数---JavaScript_ECMAScript_ES6-ES11新特性工作笔记012
添柴程序猿的专栏
01-28 395
然后我们再来看es6的rest参数,首先去看例子 es5的写法可以看到,对于获取实参可以上面这样 console.log(arguments); 这样,可以看到右边获取的是个arguments这个对象对吧. 可以看到我们可以用rest参数的方式来写,可以看到 ...args ,这个就是es6的写法 然后我们再去调用 date这个方法,看看情况 可以看到右边返回了一个数组对吧,这样我们就可以使用filter some every map 等,处理数组的方法去处理参数了. .
ES9：扩展运算符 rest参数 正则扩展
小R.的博客
12-25 427
文章目录一、rest 参数二、扩展运算符 对象合并三、正则扩展——命名捕获分组四、正则扩展——正则断言1. 正向断言2. 反向断言五、正则扩展——dotAll模式 一、rest 参数 function connect({host, port, ...user}){ console.log(host); console.log(port); console.log(user); } connect({ host: '127.0.0.1', port: 3306,
es9拓展运算符
weixin_46564011的博客
02-19 271
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> function fs({host,port,name,password}){ console.log.
ES9 新特性 ------ 扩展运算符
HuoZhiyan 的博客
03-06 1377
在ES9 中 为对象提供了像数组一样的 rest 参数和扩展运算符。 … 扩展运算符 …user 涵盖了对象里面 username 之后的键值 function connect({host, port, ...user}){ console.log(host) console.log(port) console.log(user) } connect({ host:'127.0.0.1', port:
ES9
weixin_42235173的博客
04-20 487
4、ES9 1. rest 参数与 扩展运算符 ES6 中引入的 rest 参数与 spread 扩展运算符只针对于数组 ES9 为对象提供了同样功能的 rest 参数与 扩展运算符 function connect({host, username, ...user}) { // 除了host与username，其他参数都会存到user里面 console.log(host) console.log(username) console.log(user) } connect({
ES9已经来了 Are you ready?
weixin_34032621的博客
08-06 337
ES9 前言 该篇文章主要是介绍了ES9新加的一些特性。 1. 异步迭代 在async/await的某些时刻，你可能尝试在同步循环中调用异步函数。例如： async function process(array) { for (let i of array) { await doSomething(i); } } 复制代码 复制代码这段代码不会正常运行，下面这段同样也不会： asy...
ES6+新特性学习笔记与ES2016至ES2020更新概览
在探讨ES6（ECMAScript 2015）以及后续版本ES2016、ES2017、ES2018、ES2019和ES2020等的新特性和改进时，本学习笔记详细记录了ECMAScript标准的演进过程以及其中包含的重要特性。ES6是JavaScript开发中一个重要的...
MIT实习前置培训笔记3---ES6标准下的JavaScript语法基础（含语法demo的验证结果）
最新发布
qq_64026421的博客
05-30 425
ES6++标准下的JavaScript语法基础（含语法demo的验证结果）
深度剖析JavaScript ES6与ES5差异学习笔记
ES6（ECMAScript 2015）是JavaScript语言的一次重大更新，它引入了许多新特性，旨在让JavaScript编程更加方便和现代化。这份“超详细ES6变动，ES6学习笔记，JavaScriptES6学习笔记”是作者通过对比ES5与ES6之间的...
ES9学习 -- 对象的剩余参数与扩展运算符 / 正则扩展 / Promise.finally / 异步迭代
2302_79523175的博客
04-03 1942
我们之前学习Promise 时，当对象调用resolve 时会执行某些程序，调用reject 时会执行某些程序，执行这些程序之前我们要呈现加载中的状态，待到执行了程序之后我们再关闭加载的状态，这时就出现一个问题，我们想在成功或者不成功时都调用某个程序，我们需要怎么写呢？JS正则表达式可以返回一个匹配的对象，一个包含匹配字符串的类数组，比如：以Y-MM-DD的格式解析日期，这样的代码可读性很差，并且在改变正则表达式的结构的时候很有可能就会改变匹配对象的索！我们也可以把上面异步遍历器执行代码换成下面的代码。
【ES2018】ES9新增特性-对象扩展运算符
ColdCoder的博客
11-18 1031
对象的扩展运算符 ES2018 将ES6中数组扩展运算符（…）扩展运算符引入了对象，实现对象键值对的展开。这一方法的引入可以有以下几点应用： 1 对象克隆 var obj = { name: 'aaaa', age: 100, say() { console.log('age'+this.age); }, getInfo: function(){} }; // 克隆对象 obj let obj2 = {...obj}; 注意： 同 Object.assign() 相同，用扩展运
【ES9】新特性
学无止境
09-01 505
【ES9】新特性
普歌-飞灵团队-ES9
fsmj_的博客
10-21 202
~先赞后看，养成习惯 ♥~ 一、Rest/Spread 属性
ES9新特性01-ES9新特性
A1066223647的博客
05-25 336
ES9新特性01-ES9新特性 文章目录ES9新特性01-ES9新特性一、扩展运算符与rest参数二、正则扩展-命名捕获分组三、正则扩展-反向断言四、正则扩展-dotAll模式 一、扩展运算符与rest参数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in
ES9 对象展开
m0_64436820的博客
08-22 75
ES9 对象展开。
ES9语法特性 对象展开（rest、扩展运算符） 正则扩展
qq_38232003的博客
12-02 526
ES9 对象展开：rest参数、扩展运算符 rest参数与扩展运算符 于ES6已经引入使用，但只针对数组 在ES9中，为对象提供了和数组一样的rest、扩展运算符 rest参数 之前的参数一一对应，剩余的参数全部储存在rest参数数组中。 const connect = ({ host, port, ...userInfo }) => { console.log(host); console.log(port); console.log(us
ES9新特性
mantou_riji的博客
05-16 391
文章目录Rest 参数与spread 扩展运算符rest参数扩展运算符正则表达式 Rest 参数与spread 扩展运算符 Rest 参数与spread 扩展运算符在ES6中已经引入，不过 ES6中只针对于数组，在ES9中为对象提供了像数组一样的rest参数和扩展运算符. rest参数 格式：...参数名 一般放在函数的最后一个参数，接收所有传过来的剩下的实参 function connect ({host,port,...user}){ console.log(ho
ES9 新特性
New_user_的博客
01-04 247
ES9 新特性ES9 新特性对象展开正则扩展命名捕获分组反向断言dotAll 模式 ES9 新特性 对象展开 rest 参数 Rest 参数与 spread 扩展运算符在 ES6 中已经引入，不过 ES6 中只针对于数组，在 ES9 中对象提供了像数组一样的 rest 参数和扩展运算符 function connect({ host, port, ...user }) { console.log(host); // localhost console.log(port); // 3000
ES9新特性，了解一下?
qq_37635012的博客
05-18 895
正则命名捕获 语法:?< name> let str = '2018-03-20'; let reg = / (?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2}) /; console.log(str.match(reg)); 打印结果如下: console.log(str.match(reg).groups); // { year:“2018”,month:“03”,day:“20”} let {year
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值