ES12（也称 ECMAScript 2021）是 JavaScript 语言的最新版本，于 2021 年正式发布。它包含了许多新功能和语言改进，其中一些改进是比较重要的。在本篇文章中，我们将介绍 ES12 中的核心新功能，并提供详细的代码示例和指导意义。
1. Promise.any()
Promise.any() 是一个新的 Promise 方法，用于并行执行多个 Promise 实例，并且只要有一个 Promise 实例 resolve 或 reject，它就会返回。当你需要同时处理多个异步操作的结果时，Promise.any() 可以大大简化你的代码。下面是一个示例：
const promise1 = new Promise((resolve, reject) => setTimeout(resolve, 500, 'foo')); const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'bar')); Promise.any([promise1, promise2]) .then((value) => console.log(value)) // 'foo' .catch((error) => console.log(error)) // AggregateError: All promises were rejected
2. Logical Assignment Operator
在 ES12 中，我们可以使用逻辑运算符（&&、||、??）和赋值运算符（=）结合使用，从而实现短路赋值运算。例如，如果一个变量未定义或为假，则可以将其设置为默认值。以下是一些示例：
let x = null; let y = 10; x ||= 5; // x is assigned to 5, because x is null y &&= 0; // y is assigned to 0, because y is not falsy
3. String.prototype.replaceAll()
在 ES12 中，我们可以使用新的字符串方法 replaceAll()，将一个字符串中的所有匹配项替换为新的字符串。这比使用正则表达式和全局匹配更简便。以下是一个示例：
const string = 'hello world';
const newString = string.replaceAll('l', 'L');
console.log(newString); // 'heLLo worLd'4. Private Methods and Fields
ES12 引入了私有方法和字段的概念，它们只能在类内部访问，而在类的实例和外部无法直接访问。这样可以更好地保护类中的数据和方法，并避免意外的修改。以下是一个示例：
-- -------------------- ---- -------
----- ------- -
------------- - --------
---------------- -
--------------------------------
-
-------------- -
----------------------
-
-
----- --------------- - --- ----------
------------------------------- -- -------
------------------------------------------- -- ------ -----
---------------------------------------------- -- ------ -----5. WeakRef and FinalizationRegistry
ES12 同时引入了 WeakRef 和 FinalizationRegistry，它们可以帮助我们更好地管理内存和资源。WeakRef 可以创建一个弱引用，它不会阻止垃圾回收器回收一个对象。FinalizationRegistry 可以在一个对象被回收时触发一个回调函数，从而可以在对象被回收时执行一些清理操作。以下是一个示例：
-- -------------------- ---- ------- ----- ------ - - ----- ------ -- ----- ------- - --- ---------------- ----------------------------- -- - ----- ------ - ----- -------------------- - --- -------------------------------- -- - ---------------- ---- ----- --- ---- ------- ----------- ----------- --- ------------------------------------- ----- -- - ---- -------- ------ - ----- ----------------------------- -- ----
结论
ES12 中引入的这些核心新功能，将会让 JavaScript 更加强大和简洁。我们在实际开发中，可以充分利用这些新特性，提高代码的可读性和可维护性。同时，我们也需要注意这些新特性可能存在的兼容性问题，在使用之前请先进行兼容性检查并进行必要的转译或降级处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6732b58b0bc820c5823e6f8a