ES2021，也称为 ECMAScript 2021 或 ES12，是最新的 ECMAScript 标准，即 JavaScript 的最新版本。它包含了一些新的语法和功能，使得 JavaScript 更加强大和便捷。在本文中，我们将详细介绍 ES2021 的新功能和用法，并提供一些示例代码和指导意义，帮助前端开发人员更好地理解和使用 ES2021。
Promise.any()
在 ES2021 中，新增了 Promise.any() 方法，它接收一个 Promise 数组作为输入，返回其中任意一个 Promise 对象的结果（即最先 resolve 的 Promise 对象）。如果 Promise 数组中的所有 Promise 都 reject，Promise.any() 方法将返回一个 AggregateError 对象，其中包含了所有 Promise 的 rejection 原因。
以下是 Promise.any() 方法的基本用法：
----- -------- - ------------------- ----- -------- - ------------------- ----- -------- - ------------------ ---------------------- --------- ---------- ------------ -- -------------------- ------------ -- -------------------- -- -
上面的代码中，Promise.any() 方法接收了一个包含三个 Promise 对象的数组。由于前两个 Promise 都 resolve 了，因此 Promise.any() 方法返回了第一个 resolve 的 Promise 的结果，即 1。如果将 promise3 的状态改为 reject，Promise.any() 方法将返回一个 AggregateError 对象，其中包含了 3。
WeakRefs
在 ES2021 中，引入了 WeakRefs 对象，它可以创建一个指向 JavaScript 对象的弱引用。弱引用是一种特殊的引用类型，它不会阻止垃圾回收器对对象的回收。当一个对象被垃圾回收器回收时，它的弱引用也将失效。
以下是 WeakRefs 对象的基本用法：
--- --- - - ----- ----- -- --- ------- - --- ------------- ----------------------------- -- - ----- ----- - --- - ----- ----------------------------- -- ----
上面的代码中，我们创建了一个指向对象 { name: 'Tom' } 的弱引用 weakRef，然后将 obj 设置为 null。此时对象 { name: 'Tom' } 可以被垃圾回收器回收，因此 weakRef.deref() 返回的是 null。
数字分隔符
在 ES2021 中，数字分隔符功能被加入，可以使用下划线（_）作为数字的分隔符，增强数字的可读性。分隔符仅仅是用于视觉分组，对数字的值没有影响。
以下是数字分隔符的基本用法：
----- ---- - ---------- ----- ---- - ------------------- ------------------ -- ------- ------------------ -- -----------
上面的代码中，我们使用数字分隔符将一个 million 和一个小数点后面带有多个数字的数字输出为更加可读的形式，但是它们的值没有发生任何改变。
总结
ES2021 作为 JavaScript 的最新版本，包含了一些新的语法和功能，使得 JavaScript 更加强大和便捷。在这篇文章中，我们介绍了其中的几个新功能，包括 Promise.any()、WeakRefs 和数字分隔符，并提供了相应的代码演示和指导意义，帮助前端开发人员更好地了解和使用 ES2021。对于想要在日常开发工作中更好地发挥 JavaScript 的威力的开发者来说，ES2021 无疑是一个值得学习和掌握的重要技术。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6452b68e968c7c53b0736b54