振奋人心!明年 JavaScript 官方即将推出这四大亮点!

开发 前端
不知道你们有没有遇到过这样的类似的需求,比如现在有以下的数据,我想要按照年龄 age 字段,给这些数据分个组,那你们会怎么做呢?

ECMAScript 2024(ES15) 预告是将在 2024年6月 发布,接下来带大家盘点一下即将推出的一些颇具亮点的新特性。

Temporal

Temporal 是一个用来处理时间日期的 API,非常的实用。

图片图片

Records 和 Tuples

Tuples

Records和Tuples都具有相同的语法。它们可以通过在对象和数组前面使用#前缀来定义,如下所示:

图片图片

使用 Tuples 时,需要注意一些规则:

  • 数组中不能有空洞,例如:[1, ,2] 是不允许的;
  • 它们只能包含原语或其他Tuples和Records;
  • 支持类似于Arrays的实例方法,但有一些变化;

例如,改变数组的操作被替换为返回新数组的新操作。因此,例如:没有push,我们可以使用push来返回一个带有推送值的新元组,或者使用with来更改给定索引处的值:

图片图片

我们还可以使用Tuple.from()从现有数组创建元组:

图片图片

当然,它们是不可变的,如果尝试更改它们的值或使用非原始值,它们会抛出错误:

图片图片

Records

图片图片

处理记录时,我们还需要牢记一些规则:

  • 不能在记录中使用__proto__标识符
  • 方法也是不允许的。就像元组一样,它们只能包含原语。
  • 要创建新记录,我们还可以选择在使用元组时使用Record或Record.fromEntries:

图片图片

而且由于它们是新的数据类型,因此在使用typeof运算符时会返回 record、tuple:

图片图片

Promise.withResolvers

有时候我们需要把 Promise 的 resolve 或者 reject 这两个参数给取出来,去实现某种目的。

就比如下面例子,我想手动控制 Promise 的fullfiled的时机,所以需要把 resolve 给取出来,然后在我觉得适当的时机去执行这个 resolve,这样 Promise 就变fullfiled了。

图片图片

但是这样挺麻烦的,我总是得定义一个额外的变量去存储这个 resolve。

而Promise.withResolvers他的作用是把 Promise实例、resolve、reject 解构出来供我们使用,还是刚刚的例子,使用Promise.withResolvers。

图片图片

Object.groupBy、Map.groupBy

不知道你们有没有遇到过这样的类似的需求,比如现在有以下的数据,我想要按照年龄 age 字段,给这些数据分个组,那你们会怎么做呢?

图片图片

其实可以直接使用 reduce 这个数组方法去做,就可以实现我们想要的效果

图片 图片

责任编辑:武晓燕 来源: 前端之神
相关推荐

2020-02-07 18:32:36

LinuxLinux内核5.6操作系统

2011-01-21 16:20:05

给力服务器

2017-07-25 17:17:06

小米MIUI

2016-11-08 14:02:05

FirefoxServoQuantum Com

2011-07-04 12:18:20

百度翻译

2015-03-03 15:45:06

2015西安合作伙伴大四大亮点

2015-07-17 09:50:16

Carthage优劣比较

2021-07-27 06:02:44

JavaScript开发代码

2009-05-05 10:53:18

软件博览会

2016-07-08 10:21:56

华为

2022-05-09 10:41:39

技术趋势科技

2018-03-21 10:38:00

开源Linux筹资平台

2019-04-10 08:00:00

技术人工智能区块链

2011-03-21 09:01:49

CSS框架

2021-01-09 12:16:17

物联网IOT物联网技术

2021-03-10 13:29:55

物联网IoT

2019-07-31 13:31:11

下一代云计算技术论坛

2016-03-30 11:51:55

2021-11-15 07:47:39

InnoDB缓存池磁盘

2013-05-20 08:56:13

点赞
收藏

51CTO技术栈公众号