ES12（也称作 ES2021）是 JavaScript 语言的最新版本，它为 JavaScript 引擎和开发者带来了一些新的变化。在这篇文章中，我们将深入探讨这些变化，并提供一些示例代码来帮助您更好地理解它们。
1. String.prototype.replaceAll()
在过去，如果您想要在字符串中替换所有出现的某个字符，您需要使用正则表达式和全局标志。但是，ES12 引入了一个新的方法 replaceAll()，它可以让您更轻松地完成这个任务。
const str = 'hello world';
const newStr = str.replaceAll('l', 'L');
console.log(newStr); // 'heLLo worLd'2. Promise.any()
Promise.any() 方法返回一个 Promise，该 Promise 在传递的 Promise 数组中的任何一个 Promise 成功时解决，如果所有 Promise 都失败，则拒绝。
const promise1 = Promise.reject('Error 1');
const promise2 = Promise.resolve('Success 2');
const promise3 = Promise.reject('Error 3');
Promise.any([promise1, promise2, promise3])
.then(result => console.log(result))
.catch(error => console.error(error)); // 'Success 2'3. WeakRefs
WeakRefs 是一种新的引用类型，它允许您创建对 JavaScript 对象的弱引用。这意味着如果一个对象没有任何强引用，它将被自动垃圾回收。这对于避免内存泄漏非常有用。
-- -------------------- ---- -------
--- --- - - ----- ------ --
----- --- - --- -------------
--- - -----
------------- -- -
-- ------------- -
------------------------------ -- ------
- ---- -
------------------- --- ---- ------- -------------
-
-- ------4. Logical Assignment Operators
ES12 引入了三个新的逻辑赋值运算符：&&=, ||=, ??=。这些运算符可以让您更方便地设置变量的默认值或根据条件更新变量的值。
-- -------------------- ---- ------- --- - - -- --- - - ----- --- - - ---------- - --- -- - --- -- - --- -- --------------- -- - --------------- -- - --------------- -- -
5. Numeric Separators
在 ES12 中，您可以在数字中使用下划线来分隔数字，以提高可读性。
-- -------------------- ---- ------- ----- ---- - ---------- ----- ---- - ---------------------- ----- ---- - ------------ ----- ---- - -------------- ------------------ -- ------- ------------------ -- ----- ------------------ -- ------- ------------------ -- ---------
结论
ES12 引入了一些新的变化，这些变化有助于提高 JavaScript 的可读性、可维护性和性能。我们希望这篇文章能够帮助您更好地理解这些变化，并在实际开发中应用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675e37ade1dcc5c0fa44dacb