叒震惊?!ES15 (2024) 5个全新 JavaScript 特性

2,254 阅读3分钟

img

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

1. 原生数组分组功能

Object.groupBy()

img

img

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

img

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

img

2. 构造Promise

Promise.withResolvers()

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

img

或者通过 npm 安装:

img

ES15 推出 Promise.withResolvers()

img

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

img

3. 缓冲区性能升级

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

例如:

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

img

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

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

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

img

4. 异步升级

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

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

img

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

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

img

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

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

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

img

小结

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

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

🔊最后,说到这里,我们不难发现:成长与发展是人生主旋律 ~

自荐我和机械工业出版社联合出版的 《程序员成长手记》 一书:全书分为3大模块、8个章节:从入门程序员到程序员自驱成长,回归纸质阅读,相信能给你一个更全局的程序员视野,提供成长帮助。京东搜“程序员成长手记”

image.png