JavaScript 是一种广泛应用于 Web 开发的编程语言。随着 Web 技术的发展，JavaScript 的功能也在不断扩展和更新。ES2021 是 JavaScript 的最新版本，它引入了许多新功能，使得 JavaScript 更加适合处理现代软件开发中的需求。本文将介绍 ES2021 中的一些新功能，并提供示例代码和指导意义。
1. String.prototype.replaceAll
在 JavaScript 中，要替换字符串中的所有匹配项，通常需要使用正则表达式和 replace 方法。但是，这种方法有时比较麻烦和容易出错。ES2021 中引入了 String.prototype.replaceAll 方法，它可以更方便地替换字符串中的所有匹配项。
示例代码：
const str = 'hello world';
const newStr = str.replaceAll('l', 'x');
console.log(newStr); // "hexxo worxd"在上面的代码中，我们使用 replaceAll 方法将字符串中所有的 "l" 替换为 "x"。这个方法非常简单，只需要传入两个参数，第一个参数是要替换的字符串，第二个参数是替换成的字符串。
2. Promise.any
Promise.any 方法是 Promise.all 方法的变体。它接收一个 Promise 数组，只要其中任意一个 Promise 成功，就会返回成功状态。如果所有 Promise 都失败了，它会返回一个 AggregateError 对象，其中包含所有 Promise 的错误信息。
示例代码：
-- -------------------- ---- ------- ----- -------- - - --------------------- ---- ------------------------ ---- --------------------- ---- ------------------------ --- -- --------------------------------- -- - -------------------- -- -------- -- -------------- -- - ------------------- -- --------------- --- -------- ---- -------- ---
在上面的代码中，我们创建了一个 Promise 数组，其中有两个 Promise 成功，两个 Promise 失败。我们使用 Promise.any 方法来处理这个数组，它会返回第一个成功的 Promise 的结果，也就是 "success 1"。如果所有 Promise 都失败了，它会抛出一个 AggregateError 对象。
3. Logical Assignment Operators
ES2021 中引入了三个逻辑赋值运算符：||=、&&= 和 ??=。它们可以更方便地对变量进行赋值操作。
||= 运算符将变量赋值为它的第一个真值，如果变量已经有值，则不会进行赋值。
&&= 运算符将变量赋值为它的第一个假值，如果变量已经有值，则不会进行赋值。
??= 运算符将变量赋值为它的第一个定义值，如果变量已经有值，则不会进行赋值。
示例代码：
-- -------------------- ---- ------- --- - - ----- - --- -------- --------------- -- ------- --- - - -------- - --- ------ --------------- -- ----- --- -- - --- ---------- --------------- -- ---------
在上面的代码中，我们使用三种逻辑赋值运算符对变量进行赋值操作。第一个例子中，x 的值为 null，所以它被赋值为 "hello"。第二个例子中，y 的值为 "world"，但是它的第一个假值是 false，所以它被赋值为 false。第三个例子中，z 的值为 undefined，所以它被赋值为 "default"。
4. WeakRefs
WeakRefs 是一种新的数据类型，它可以帮助我们更好地管理内存。它可以让我们在不影响垃圾回收机制的情况下，跟踪对象的引用。如果一个对象没有被任何强引用所引用，它就会被垃圾回收。
示例代码：
const obj = { name: 'John' };
const weakRef = new WeakRef(obj);
console.log(weakRef.deref()); // { name: 'John' }
obj = null;
console.log(weakRef.deref()); // null在上面的代码中，我们创建了一个对象 obj，然后使用 WeakRef 构造函数创建了一个 WeakRefs 对象 weakRef，它引用了 obj。我们使用 deref 方法来获取 weakRef 所引用的对象，它返回了 { name: 'John' }。然后我们将 obj 的值设置为 null，这意味着它没有任何强引用了。此时，weakRef.deref() 返回 null，这意味着 obj 已经被垃圾回收了。
结论
ES2021 中引入了许多新功能，可以帮助我们更好地处理现代软件开发中的需求。在本文中，我们介绍了其中的一些功能，包括 String.prototype.replaceAll、Promise.any、逻辑赋值运算符和 WeakRefs。这些功能可以让我们更方便地编写 JavaScript 代码，并提高代码的可读性和可维护性。如果你是一名前端开发人员，建议你学习和掌握这些新功能，以便更好地处理软件开发中的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67459997c1a23897eaa1f30e