ECMAScript 2021（简称 ES2021）是 JavaScript 的最新版本，它于 2021 年 6 月正式发布。ES2021 引入了一些新的特性，这些新特性有助于提高开发效率、减少代码量、提高代码可读性和可维护性。本文将介绍 ES2021 的一些新特性，并提供相关示例代码。
1. String.prototype.replaceAll()
在 ES2021 中，String.prototype.replaceAll() 方法被引入。该方法可以在字符串中查找并替换所有匹配项，而非仅替换第一个匹配项。这是一个非常实用的新特性，它可以帮助我们更快速地进行字符串操作。
示例代码：
const str = "Hello World!";
const newStr = str.replaceAll("o", "0");
console.log(newStr); // "Hell0 W0rld!"2. Promise.any()
Promise.any() 方法在 ES2021 中被引入。该方法接收一个 Promise 数组作为参数，返回第一个完成（fulfilled）的 Promise 的结果。如果所有 Promise 都失败（rejected），则返回一个 AggregateError 对象，其中包含所有 Promise 的 rejection 原因。
示例代码：
const promise1 = new Promise((resolve, reject) => setTimeout(reject, 500, 'error 1')); const promise2 = new Promise((resolve, reject) => setTimeout(resolve, 1000, 'result 2')); const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 1500, 'result 3')); Promise.any([promise1, promise2, promise3]) .then(result => console.log(result)) // "result 2" .catch(error => console.log(error)); // AggregateError: All promises were rejected
3. Logical Assignment Operators
ES2021 引入了三个新的逻辑赋值运算符：&&=, ||=, ??=。它们分别对应于逻辑与、逻辑或和空值合并运算符。这些新的运算符可以帮助我们更加简洁地进行赋值操作。
示例代码：
-- -------------------- ---- ------- --- - - -- --- - - -- - --- -- --------------- -- - - --- -- --------------- -- - --- -- - --- -- --------------- -- -
4. Numeric Separators
ES2021 引入了数字分隔符（Numeric Separators），它们可以在数字中添加下划线，以提高数字的可读性。数字分隔符可以放置在数字的任意位置，但不能放在数字的开头或结尾。
示例代码：
-- -------------------- ---- ------- ----- ---- - ---------- ----- ---- - ------------ ----- ---- - ------------ ----- ---- - -------------- ------------------ -- ------- ------------------ -- --- ------------------ -- ------- ------------------ -- ---------
5. WeakRefs
WeakRefs 是 ES2021 中引入的一种新的引用类型，它可以帮助我们更好地管理内存。WeakRefs 可以被用来创建一个弱引用，如果没有其他引用指向该对象，那么它将被垃圾回收。WeakRefs 可以用来实现缓存、状态管理等功能。
示例代码：
let obj = {name: 'Alice'};
const weakRef = new WeakRef(obj);
obj = null;
setTimeout(() => {
console.log(weakRef.deref()); // null
}, 1000);结论
ES2021 引入了一些非常实用的新特性，这些新特性可以帮助我们更加高效地进行开发。我们可以使用 String.prototype.replaceAll() 方法来进行字符串替换，使用 Promise.any() 方法来处理多个 Promise，使用逻辑赋值运算符和数字分隔符来简化代码，使用 WeakRefs 来更好地管理内存。这些新特性对于前端开发人员来说，具有非常重要的学习和指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67653b8476af2b9a20ea3e19