ECMAScript 2021 是 JavaScript 语言的最新版本，它在语言层面上引入了一些新特性，这些特性可以让我们更加方便、高效地编写 JavaScript 代码。在本文中，我们将介绍 ECMAScript 2021 引入的新特性，并提供一些示例代码和使用指南，帮助您更好地了解和使用这些新特性。
1. String.prototype.replaceAll()
String.prototype.replaceAll() 方法可以在字符串中替换所有匹配的子字符串。在以往的 JavaScript 版本中，我们只能使用正则表达式或者一些 hack 的方式来实现这个功能，但是现在我们可以直接使用 replaceAll() 方法来替换字符串了。
下面是一个使用 replaceAll() 方法的示例代码：
const str = 'hello world';
const newStr = str.replaceAll('l', 'L');
console.log(newStr); // 输出：heLLo worLd2. Promise.any()
Promise.any() 方法可以在多个 Promise 中只要有一个 Promise 成功就返回成功，并返回成功的 Promise 的值。这个方法可以用来实现多个异步操作中只要有一个操作成功就可以继续执行后续操作的场景。
下面是一个使用 Promise.any() 方法的示例代码：
const promises = [
Promise.reject('error 1'),
Promise.resolve('success 1'),
Promise.reject('error 2'),
];
Promise.any(promises).then((value) => {
console.log(value); // 输出：success 1
});3. Logical Assignment Operators
ECMAScript 2021 引入了三个逻辑赋值运算符：&&=、||= 和 ??=。这些运算符可以让我们更加方便地进行逻辑运算和赋值操作。
下面是一个使用逻辑赋值运算符的示例代码：
-- -------------------- ---- ------- --- - - -- - --- -- --------------- -- ---- --- -- - --- -- --------------- -- ---- --- -- - --- -- --------------- -- ----
4. Numeric Separators
ECMAScript 2021 引入了数字分隔符，可以在数字中使用下划线来分隔数字，这样可以让数字更加易读。
下面是一个使用数字分隔符的示例代码：
const num = 123_456_789; console.log(num); // 输出：123456789
5. WeakRefs 和 Finalizers
ECMAScript 2021 引入了 WeakRefs 和 Finalizers，可以帮助我们更好地管理内存。WeakRefs 可以创建一个对象的弱引用，如果这个对象没有被其他强引用引用，那么这个对象就可以被垃圾回收器回收。Finalizers 可以在对象被垃圾回收之前执行一些操作，比如释放资源等。
下面是一个使用 WeakRefs 和 Finalizers 的示例代码：
const obj = { name: 'Tom' };
const weakRef = new WeakRef(obj);
const finalizer = () => {
console.log('Object has been garbage collected');
};
const finalizationRegistry = new FinalizationRegistry(finalizer);
finalizationRegistry.register(obj, 'custom data');
obj = null;如何开始使用 ECMAScript 2021 的新特性
要开始使用 ECMAScript 2021 的新特性，您需要使用支持 ECMAScript 2021 的 JavaScript 引擎。目前，大多数现代浏览器和 Node.js 都已经支持 ECMAScript 2021，所以您可以直接在浏览器或者 Node.js 中使用这些新特性。
如果您使用的是旧版的浏览器或者 Node.js，您可以使用 Babel 等工具将 ECMAScript 2021 的代码转换为 ES5 的代码，以便在旧版的环境中运行。
结论
ECMAScript 2021 引入了一些新特性，这些特性可以让我们更加方便、高效地编写 JavaScript 代码。本文介绍了 ECMAScript 2021 引入的五个新特性，并提供了示例代码和使用指南，希望可以帮助您更好地了解和使用 ECMAScript 2021 的新特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676078fa03c3aa6a56006137