ES12（也称为 ES2021）是 ECMAScript 的最新版本，它为前端开发带来了许多新的特性和改进。本文将详细介绍 ES12 中的各种新特性，并提供示例代码和学习指导。
1. String.prototype.replaceAll()
在 ES12 中，我们可以使用 replaceAll() 方法来替换字符串中的所有匹配项。这个方法接受两个参数：要替换的子字符串和用于替换的新字符串。示例代码如下：
const str = 'hello world';
const newStr = str.replaceAll('l', 'L');
console.log(newStr); // 'heLLo worLd'2. Promise.any()
ES12 引入了 Promise.any() 方法，它接受一个 Promise 数组，并返回其中任何一个 Promise 成功的结果。如果所有 Promise 都失败了，则会抛出一个 AggregateError。示例代码如下：
-- -------------------- ---- ------- ----- -------- - - --------------------- ---- ------------------------ ---- --------------------- ---- -- --------------------- ------------ -- -------------------- -- -------- -- ------------ -- -------------------- -- --------------- --- -------- ---- --------
3. WeakRefs 和 Finalizers
ES12 引入了 WeakRefs 和 Finalizers，它们可以帮助我们更好地管理内存。WeakRefs 允许我们创建一个弱引用，当被引用的对象被垃圾回收时，它会自动失效。Finalizers 则允许我们在对象被垃圾回收前执行一些操作。示例代码如下：
-- -------------------- ---- ------- --- --- - - ----- ----- ----- -- ----- --- - --- ------------- -- - --- ------------ ----- --------- - -- -- ---------------- -- ----- ------- ------------ --- ---------------------------------------------- --- - ----- ------------------------- -- - ----- ----- ----- -
4. Logical Assignment Operators
ES12 中引入了三个逻辑赋值运算符：||=, &&=, ??=。这些运算符可以让我们更方便地进行变量赋值。示例代码如下：
let x = null; let y = 10; x ||= 20; // x = 20 y &&= 5; // y = 5 z ??= 30; // z = 30
5. Numeric Separators
ES12 允许在数字中使用下划线作为分隔符，以提高数字的可读性。示例代码如下：
const num = 1_000_000; console.log(num); // 1000000
结论
ES12 带来了许多新特性和改进，这些特性可以帮助我们更好地编写 JavaScript 代码。本文介绍了其中的一些特性，包括 replaceAll()、Promise.any()、WeakRefs 和 Finalizers、Logical Assignment Operators 和 Numeric Separators。希望本文能够对你有所帮助，让你更好地理解和使用 ES12。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675d45d9e1dcc5c0fa3a8a16