ES12（也称为 ES2021）是 JavaScript 语言的最新版本，它引入了许多新的特性和语言功能。其中一些特性可以帮助我们编写更加可读性更高的代码。在本文中，我们将讨论这些特性以及如何在我们的代码中使用它们。
1. 可选链操作符
在之前的 JavaScript 版本中，当我们尝试访问一个对象的属性或方法时，如果该对象为 null 或 undefined，我们将会遇到一个 TypeError 错误。为了避免这种情况，我们需要编写冗长的代码来检查每个对象是否存在。
ES12 引入了可选链操作符（?.），可以让我们更加轻松地访问对象的属性和方法。如果属性或方法不存在，该操作符将返回 undefined 而不是引发错误。
-- -------------------- ---- -------
----- ------ - -
----- --------
-------- -
------- ---- ---- -----
----- ----------
------ -----
---- -------
-
--
-- - ---- ------------------------------
----- --- - ------ -- -------------- -- -------------------
-- - ---- --------------
----- --- - ---------------------2. 空值合并运算符
在之前的 JavaScript 版本中，我们经常需要检查变量是否为 null 或 undefined，并为其设置默认值。这通常需要编写冗长的代码。
ES12 引入了空值合并运算符（??），可以让我们更加轻松地为变量设置默认值。如果变量为 null 或 undefined，则该运算符将返回其右侧的默认值。
// 在 ES11 及之前的版本中，我们需要编写冗长的代码来为变量设置默认值 const name = person.name || 'Unknown'; // 在 ES12 中，我们可以使用空值合并运算符 const name = person.name ?? 'Unknown';
3. for-in 循环的可枚举属性
在之前的 JavaScript 版本中，for-in 循环会遍历对象的所有属性，包括原型链上的属性和不可枚举属性。这可能会导致一些意外的行为。
ES12 引入了一个新的选项，可以让 for-in 循环只遍历对象的可枚举属性。
-- -------------------- ---- -------
----- --- - - -- -- -- - --
-------------------------- ---- -
------ --
----------- -----
---
-- - ---- -------------- ------------
--- ------ ---- -- ---- -
------------------
-
-- ---- - -
-- - ---- ------------------------
--- ------ ---- -- ---- -
-- ------------------------------------------ ------ -
------------------
-
-
-- ---- -4. Promise.allSettled()
在之前的 JavaScript 版本中，我们可以使用 Promise.all() 方法来等待多个 Promise 对象的完成。但是，如果其中一个 Promise 对象被拒绝了，Promise.all() 将立即拒绝并返回一个错误。
ES12 引入了 Promise.allSettled() 方法，它可以等待所有 Promise 对象的完成，不管它们是成功还是失败。该方法返回一个数组，其中包含每个 Promise 对象的状态和结果。
-- -------------------- ---- ------- ----- -------- - - ------------------- ------------------ ---------------- ------------------ -- -- - ---- --------------------- ------------ --------------------- ------------- -- --------------------- ------------ -- ------------------------------ -- -------- -- - ---- -------- -------------------- ---------------------------- ------------- -- --------------------- ------------ -- ------------------------------ -- ------------ ------------ ------ --- -------- ----------- ------- ------- -------- ------------ ------ ---
结论
ES12 引入了许多新的特性和语言功能，可以帮助我们编写更加可读性更高的代码。在本文中，我们讨论了其中一些特性，包括可选链操作符、空值合并运算符、for-in 循环的可枚举属性和 Promise.allSettled() 方法。我们希望这些特性能够帮助您提高代码质量并提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67457453c1a23897ea96367c