ECMAScript 是一种标准化的脚本语言，也被称为 JavaScript。自从 ECMAScript 2015 发布以来，我们已经看到了许多新特性的发布，这些特性与现代 Web 应用程序的构建密切相关。除了使我们的代码更简洁和易读之外，这些新特性还带来了更快、更好的 Web 编程体验。在本文中，我们将简要介绍 ECMAScript 2020 中的一些新特性，包括可选链、空合并操作符和 Promise.allSettled() 方法。
可选链
在之前的 JavaScript 版本中，我们通常使用繁琐的 if 语句来检查属性或方法是否存在，尤其是当我们需要在多个嵌套对象中访问属性或方法时。可选链是一个新的语法特性，可以让我们更方便地进行属性或方法的检查。
-- -------------------- ---- -------
----- ---- - -
----- ------
-------- -
----- ---- -----
-
--
-- - ---------- ---- ---
----- ---- - ---- -- ------------ -- ------------------
-- - ---------- ---- --
----- ---- - --------------------在上面的示例中，我们试图访问 user 对象的 address 属性并从中获取 city 属性。在 ECMAScript 2020 之前，我们需要检查和传递所有可能的 undefined 值，以避免应用程序崩溃。但是，通过可选链语法，我们可以更简单地访问该属性，并在属性不存在的情况下返回 undefined 值。
空合并操作符
有时我们需要为 undefined 或 null 变量提供默认值，以免在代码中出现意想不到的错误。在 ECMAScript 2020 中，我们可以使用空合并操作符（??）来为这种情况提供一个简单的解决方案。
const username = user?.name ?? 'Anonymous';
在上面的示例中，我们尝试访问 user 对象的 name 属性并将其赋值给 username 变量。如果属性不存在或值为 undefined 或 null，则该变量的值将设置为 "Anonymous"。
Promise.allSettled() 方法
Promise 是 JavaScript 中的一个内置对象，用于异步处理数据。它可以帮助我们更有效地处理诸如异步请求和回调的错误。在 ECMAScript 2020 中，我们有了一个新方法 Promise.allSettled()，它返回一个 Promise 对象，当所有给定的 Promise 都已解决（resolved）或被拒绝（rejected）时，它将解析（resolve）为一个对象数组，每个对象表示一个 Promise 状态。
const promises = [
Promise.resolve(1),
Promise.reject('Error'),
Promise.resolve(3)
];
Promise.allSettled(promises)
.then(results => console.log(results));在上面的示例中，我们创建了一个 Promise 数组，并使用 Promise.allSettled() 对其进行了处理。该方法等待所有 Promise 解析或拒绝，并将结果作为一个对象数组返回。每个对象都包含 Promise 的状态（'fulfilled' 或 'rejected'）以及其值或原因。
总结
ECMAScript 2020 引入了一些令人兴奋的新特性，它们可以帮助我们大大提高开发效率和 Web 编程体验。我们介绍了可选链、空合并操作符和 Promise.allSettled() 方法，并提供了示例代码以帮助您更好地理解它们的作用。这些新特性将使 JavaScript 变得更加强大、灵活和易于使用，我们希望您能够在自己的项目中尽可能地使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647dafd2968c7c53b087e494