当前位置：首页 > 科技 > 软件

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

来源：责编：时间：2024-07-02 17:38:15 105观看

导读2024 年 6 月 26 日，第 127 届 Ecma 大会批准了 ECMAScript 2024 语言规范，这意味着它现在正式成为标准。新特性如下：Object.groupBy、Map.groupByPromise.withResolversString.prototype.isWellFormed、String.prototyp

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"：

图片

如果它没有解决为 "ok"，则共享内存该位置的值不符合预期（value 将是 "not-equal" 而不是一个 Promise）或已经超时（该 Promise 将解决为 "time-out"）

兼容性

图片

正则表达式 v 标识

RegExp v 标志是 u 标志的超集，并提供了另外两个功能：

字符串的 Unicode 属性：通过 Unicode 属性转义，可以使用字符串的属性。

图片

设置符号：允许在字符类之间进行集合操作。

图片

在 JavaScript 中，使用 "u" 标志的正则表达式进入 Unicode 模式，它扩展了正则表达式的处理能力以包含 Unicode 序列，而非仅限于 ASCII 字符集。这样做有多种好处：

Unicode 字符的准确处理：不加 "u" 标志的正则表达式可能无法正确处理超出基本多文种平面（BMP）的 Unicode 字符。启用 "u" 标志允许正则表达式匹配任何有效的 Unicode 字符。
量词行为的变化：在启用了 "u" 标志的情况下，量词（如 *、+、?、{n}、{n,} 和 {n,m}）将适用于任何有效的 Unicode 字符，而不仅是 ASCII 字符。
支持 Unicode 属性转义：使用 "/p{...}" 和 "/P{...}" 转义序列，可以分别匹配或排除具有特定 Unicode 属性的字符，如 "/p{Script=Arabic}" 可以匹配所有阿拉伯脚本的字符。
Unicode 转义的正确处理： Unicode 模式允许使用 "/u{...}" 表示 Unicode 字符，其中的 {...} 是一个十六进制数。
正则表达式方法行为的改进：在 Unicode 模式下，例如 String.prototype.match()、String.prototype.replace()、String.prototype.search() 和 RegExp.prototype.exec() 等方法的返回结果更为精确。

本文链接：http://www.28at.com/showinfo-26-98201-0.htmlJavaScript ES15 新特性正式发布！全网最详细讲解！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： ASP.NET Core 极简 API 在 .NET 6 中的新特性探索

下一篇：十个Python脚本，轻松实现日常任务自动化

标签：

热门焦点

6月安卓手机好评榜：魅族20 Pro蝉联冠军

性能榜和性价比榜之后，我们来看最后的安卓手机好评榜，数据来源安兔兔评测，收集时间2023年6月1日至6月30日，仅限国内市场。第一名：魅族20 Pro好评率：95%5月份的时候魅族20 Pro就是
2023 年的 Node.js 生态系统

随着技术的不断演进和创新，Node.js 在 2023 年达到了一个新的高度。Node.js 拥有一个庞大的生态系统，可以帮助开发人员更快地实现复杂的应用。本文就来看看 Node.js 最新的生
最“俊美”淘宝卖家，靠直播和短视频圈粉，上架秒光，年销3000万

来源 | 电商在线文｜易琬玉编辑｜斯问受访店铺：Ringdoll戒之人形图源：微博@御座的黄山、“Ringdoll戒之人形”淘宝店铺有关外貌的评价，黄山已经听累了。生于1985年的他，哪
签约井川里予、何丹彤，单视频点赞近千万，MCN黑马永恒文希快速崛起！

来源：视听观察永恒文希传媒作为一家MCN公司，说起它的名字来，可能大家会觉得有点儿陌生，但是说出来下面一串的名字之后，或许大家就会感到震惊，原来这么多网红，都签约这家公司了。根
携众多高端产品亮相ChinaJoy，小米带来一场科技与人文的视听盛宴

7月28日，全球数字娱乐领域最具知名度与影响力的年度盛会中国国际数码互动娱乐展览会（简称ChinaJoy）在上海新国际博览中心盛大开幕。作为全球领先的科
2纳米决战2025

集微网报道从三强争霸到四雄逐鹿，2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星，还是誓言重回先进制程领先地位的英特尔，甚至初成立不久的新
苹果公司要求三星和LG Display生产「无边框」OLED iPhone显示屏

据 The Elec 报道，苹果已要求其供应商为未来的 iPhone 型号开发「无边框」OLED 显示面板。苹果显然已要求三星和 LG Display 开发新的 OLED 显示面
回归OPPO两年，一加赢了销量，输了品牌

成为OPPO旗下主打性能的先锋品牌后，一加屡创佳绩。今年618期间，一加手机全渠道销量同比增长362%，凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品，一加
利用职权私自解除被封帐号 Meta开除20多名员工

11月18日消息，据外媒援引知情人士表示，过去一年时间内，Facebook母公司Meta解雇或处罚了20多名员工以及合同工，指控这些人通过内部系统以不当方式重置用户帐号，其