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