专栏名称: 前端之神
一位前端小菜鸡,写过300多篇原创文章,全网有5w+个前端朋友,梦想是成为”前端之神“~
目录
相关文章推荐
旅拍誌  ·  大S早期写真!好美好鲜活! ·  昨天  
海西晨报  ·  DeepSeek官方声明 ·  2 天前  
海西晨报  ·  DeepSeek官方声明 ·  2 天前  
国家林业和草原局  ·  自然资源部2025年生态文明大讲堂第一讲开讲 ·  3 天前  
国家林业和草原局  ·  自然资源部2025年生态文明大讲堂第一讲开讲 ·  3 天前  
自然资源部  ·  自然资源部2025年生态文明大讲堂第一讲开讲 ·  3 天前  
自然资源部  ·  自然资源部2025年生态文明大讲堂第一讲开讲 ·  3 天前  
51好读  ›  专栏  ›  前端之神

JavaScript ES15 新特性正式发布!全网最详细讲解!

前端之神  · 公众号  ·  · 2024-07-02 08:30

正文

前端私教训练营:1v1私教,终身辅导计划,帮你拿到满意的 offer 已帮助数百位同学拿到了中大厂 offer

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

2024 年 6 月 26 日,第 127 届 Ecma 大会批准了 ECMAScript 2024 语言规范,这意味着它现在正式成为标准。

新特性如下:

  • Object.groupBy、Map.groupBy
  • Promise.withResolvers
  • String.prototype.isWellFormed、String.prototype.toWellFormed
  • Atomics.waitAsync()
  • 正则表达式 v 标识


接下来给大家讲讲这些新特性吧~

Object.groupBy、Map.groupBy

背景 & 使用

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

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

但是有一个 lodash 的方法,叫 groupBy ,可以很简单做到我们想要的效果

这个方法很好用,但他是 lodash 的方法,而不是原生的,要是他是原生的就好了~~

然而,原生已经支持了这个方法!!!在 Object 身上!请看下方的代码,但是需要在 谷歌浏览器 117 以上的版本 才能运行

同时也支持了 Map.groupBy 这个方法,但是我感觉这个方法不太实用。。。。。

兼容性



Promise.withResolvers

背景 & 使用

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

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

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

Promise.withResolvers 就是为了解决这件事情

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

兼容性


String.prototype.isWellFormed、String.prototype.toWellFormed

JavaScript 中的字符串是 UTF-16 编码的。 UTF-16 编码中有代理对的概念,这一概念在 UTF-16 字符、Unicode 码位和字素簇部分有详细介绍。

isWellFormed

isWellFormed() 让你能够测试一个字符串是否是格式正确的(即不包含单独代理项)。由于引擎能够直接访问字符串的内部表示,与自定义实现相比 isWellFormed() 更高效。如果你需要将字符串转换为格式正确的字符串,可以使用 toWellFormed() 方法。 isWellFormed() 让你可以对格式正确和格式错误的字符串进行不同的处理,比如抛出一个错误或将其标记为无效。


如果传递的字符串格式不正确, encodeURI 会抛出错误。可以通过使用 isWellFormed() 在将字符串传递给 encodeURI() 之前测试字符串来避免这种情况。



toWellFormed

toWellFormed() 迭代字符串的码元,并将任何单独代理项替换为 Unicode 替换字符 U+FFFD 。这确保了返回的字符串格式正确并可用于期望正确格式字符串的函数,比如 encodeURI 。由于引擎能够直接访问字符串的内部表示,与自定义实现相比 toWellFormed() 更高效。

当在某些上下文中使用格式不正确的字符串时,例如 TextEncoder ,它们会自动转换为使用相同替换字符的格式正确的字符串。当单独代理项被呈现时,它们也会呈现为替换字符(一个带有问号的钻石形状)。


如果传递的字符串格式不正确, encodeURI 会抛出错误。可以先通过使用 toWellFormed() 将字符串转换为格式正确的字符串来避免这种情况。


Atomics.waitAsync()

背景 & 使用

Atomics.waitAsync() 静态方法异步等待共享内存的特定位置并返回一个 Promise

Atomics.wait() 不同, waitAsync 是非阻塞的且可用于主线程。语法如下:


此操作仅适用于基于 SharedArrayBuffer Int32Array BigInt64Array 视图。

举一个简单的例子,给定一个共享的 Int32Array:


令一个读取线程休眠并在位置 0 处等待,预期该位置的值为 0。result.value 将是一个 Promise:


在该读取线程或另一个线程中,对内存位置 0 调用以令该 Promise 解决为 "ok":







请到「今天看啥」查看全文