叒震惊？！ES15 (2024) 5个全新 JavaScript 特性

2024 ，ES15 带来了一些新的 JavaScript 特性，有新的语法糖、有更先进的异步解决方案、还有全新的正则表达，话不多说，一起来看！

1. 原生数组分组功能

Object.groupBy()：

以前实现这个分组的功能还需要 lodash，现在则不需要了，原生自带。

除了 Object.groupBy() 还有 Map.groupBy，代码言简意赅。

2. 构造Promise

Promise.withResolvers()：

构造promise是很常见的操作，以前可能得通过Deferred类来实现：

或者通过 npm 安装：

ES15 推出 Promise.withResolvers()：

可快速在一个事件流里调用 { promise, resolve, reject }：

3. 缓冲区性能升级

ArrayBuffer —— 缓冲，用于存储应用程序生成的临时数据，它使在管道的各个阶段之间传输和处理数据变得非常容易。

例如：

• 文件处理：输入文件 → 缓冲区 → 处理 → 新缓冲区 → 输出文件
• 视频流：网络响应 → 缓冲区 → 显示视频帧
• 餐厅排队：接收顾客 → 队列/缓冲区 → 服务顾客

以上每个阶段可以独立于其他阶段以不同的速度处理数据，但如果通过管道传输的数据超过了缓冲容量会发生什么？

以前我们必须将当前缓冲区中的所有数据复制到一个更大的缓冲区中，这对性能非常差，尤其是有大量数据时。

ES15 给出了新的解决方案：可调整大小的 ArrayBuffer：

4. 异步升级

Atomics.waitAsync()：ES2024 中另一个强大的异步编码特性：

举个例子：当两个线程共享一个缓冲区时，线程1“休眠”并等待线程2完成任务，当线程2完成任务时，它通过共享缓冲区通知线程1。

这与 async/await 最大的区别在于：这两个线程可以存在于完全不同的代码上下文中，它们只需要访问同一个缓冲区；多个代理可以在不同时间访问共享缓冲区、或者等待通知。

这就像一个P2P网络；而 async/await 更像是客户端-服务器的请求-响应。

5. 正则表达式v标志和集合操作

正则也有了新的变化，推出 v 标志，用于匹配和操作不断增加的 Unicode 字符集合，例如：

• 表情符号：😀, ❤️, 👍, 🎉 等。
• 重音字母：é, à, ö, ñ 等。
• 符号和非拉丁字符：©, ®, €, £, µ, ¥ 等。

小结

总体而言，ES15 通过这些新特性，使得JavaScript编写更加高效、清晰、现代化。感兴趣的同学可以动手试试~~

本篇翻译自：medium.com/coding-beau…