ES11（也称为 ECMAScript 2020）是JavaScript的最新版本，它在语言的发展方面有着重要的贡献和创新。本文将介绍几个 ES11 中的重要新特性，它们无疑将在你的 JavaScript 开发中具有指导意义。
可选链 '?.'
在对象属性访问的时候，我们经常需要使用短路来进行安全检查，以避免 undefined 或 null 的属性导致的代码错误。可选链 '?.‘ 可以让这类代码更加安全和简洁。例：
// 旧式写法 const country = user.address && user.address.country; // 新式写法 const country = user?.address?.country;
在上述代码中，可选链运算符 '?' 用于检查 可选链表达式的左侧是否存在（即是否为 null or undefined），如果存在则返回对应的结果，否则会自动返回 undefined。
空值合并 '??'
使用空值合并操作符 '??' 可以简单地检查变量是否为 null 或 undefined，如果是则采取备选方案。例：
// 旧式写法 const country = user.address ? user.address.country : 'no address'; // 新式写法 const country = user.address.country ?? 'no address';
空值合并操作符 '??' 返回 undefined 或者未声明的变量，但不会检测 falsy 值，如''、0、false。
Promise.any
Promise.any 允许在一组 Promise 中只要有一个 Promise 成功就可以返回成功结果。如果所有 Promise 都失败，则抛出聚合错误而不仅仅是其中一个 Promise 的错误。例：
-- -------------------- ---- -------
----- -------- - -
--------------------
--------------------
--------------------
--
---------------------
------------ -- -
--------------------
--
------------- -- -
--------------------
--
-- -- ---符合赋值
符合赋值是一种新的语法，它与传统的赋值语法一样，但它可以同时执行一项运算。以下是一些示例：
-- -------------------- ---- ------- -- ---- - - - - -- -- ---- - -- -- -- ---- - - - -- -- -- ---- - --- --
双冒号运算符 '::'
双冒号运算符 '::' 可以更好地管理类方法中的上下文。这是一个新的函数绑定运算符，它提供了一个更简单的方法，用于绑定 this对象-特别是在类构造函数和原型方法上。例：
-- -------------------- ---- -------
----- ------- -
------- -
------ --------
-
-
----- ------- - --- ----------
----- ----- - ---------------
--------------------- -- -- -------虽然此特性仍在实验中，但仍然值得一提，因为它显著提高了类方法的可读性和可维护性。
结论
ES11 中有许多新特性都可以提高开发效率，提高代码可读性和可维护性。恰当的使用这些功能可以帮助你改善你的代码体验。我们希望这篇文章能够为你提供有用的学习和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674c1e5514b275ea6fe53484