JavaScript 中的异步编程是前端开发中非常重要的一部分。ES6（ECMAScript 2015）中引入了 Promise，使得异步编程变得更加简单和可读。随着异步编程的普及和发展，ES2020 带来了更多的改进和特性，让我们更加容易地编写高效的异步代码。
前言
异步编程是一种处理 JavaScript 非同步操作的方法，JavaScript 中的异步包括网络请求、定时器、事件处理等。在过去，异步编程比同步编程更难以理解和编写。随着 Promise 的出现，异步编程变得更加容易。而 ES2020 引入的相关特性，进一步提升了异步编程的体验。
本文将介绍 ES2020 中有关异步编程的新特性，如：可选链（Optional Chaining）、空值合并运算符（Nullish Coalescing Operator）和通过 async/await 函数提高代码可读性等等。
可选链（Optional Chaining）
可选链是一种轻量、简洁的语法，使得我们能够在对象嵌套结构中安全地访问属性和方法，而避免出现意外地错误。在 JavaScript 中，这种嵌套常常是非常普遍的情形，例如，在处理 JSON 数据时，需要访问多层嵌套的属性。
在 ES2020 中，我们现在可以使用 '?' 运算符来确保一个 property 或方法的存在性，若对象或者方法不存在时，将会得到 'undefined' 而不是抛出错误。
-- -------------------- ---- -------
----- ---- - -
----- -------
-------- -
------- ---- ---- ----
----- ---- ------
------ -----
--
--
-- --------
-- ----- -- ------------ -- -------------------- -
--------------------------------- -- ---- ---- ---
-
-- -----------
----------------------------------- -- ---- ---- ---通过可选链语法可以让我们像数组或对象进行可靠的链式调用，代码的可读性更高。
空值合并运算符（Nullish Coalescing Operator）
空值合并运算符是 ES2020 中另一个重要的新特性，将两个运算符 '??' 结合在一起便可以使用空值合并运算符。在某些情况下，我们需要让一个变量默认为其他值。在 JS 中，通常可以使用 || 运算符来指定变量的默认值。但是，当变量值为 null 或 undefined 时，这种方式会返回错误的值。
ES2020 中的空值合并运算符可以解决这些问题。当使用默认值时，该运算符将检查值是否为 null 或 undefined。如果值为这两者之一，则返回默认值。
-- -------------------- ---- -------
----- ---- - -
----- ---
-------- -
------- ---
----- ---- ------
------ -----
--
--
----- -------- - --------- -- ------------
----- ---------- - ------------------- -- ------
---------------------- -- --
------------------------ -- --在上述代码中，我们使用空值合并运算符来更加安全地处理 '' 和 null 或 undefined 的情况，避免出现意外错误。
通过 async/await 函数提高代码可读性
JavaScript 中的异步编程方式非常灵活。除了 Promise 运用外，我们还可以使用 async/await 函数，让异步代码更加简单易懂。
async 函数是 Promise 的功能增强版，它是一个返回 Promise 对象的异步函数。在代码中加入 async，我们就有了更多的控制权，因为我们可以在异步操作的发起代码中返回 Promise 对象，再在需要异步的代码块中使用 'await' 关键字，让代码进入 wait 状态。
-- -------------------- ---- -------
-------- ----------- -
------ --- --------------- -- -
------------- -- -
--------- ----- ------- ---- -- ---
-- ------
---
-
----- -------- ----------- -
----- ---- - ----- ------------
----------------------- -- ------
-
------------如上所述，我们可以使用 async/await 函数，让异步编程更容易理解。使用 async/await 函数可以使得复杂的异步与 Promise 代码变得更简洁易读。
结论
ES2020 带来的新特性大大提升了异步编程的简洁性、可读性和可靠性。我们现在可以使用可选链运算符进行更加安全地属性值访问。空值合并运算符让我们可以更清晰的处理默认值。使用 async/await 函数能让异步代码看起来像同步代码，更方便实用。
参考资料
- ECMAScript® 2020 Language Specification
- ES6 (ECMAScript 2015) code examples
- Optional Chaining
- Nullish Coalescing Operator
- JavaScript async/await Explained by Example
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671f07ae2e7021665efb3ef6