ECMAScript 2018 中的异步编程：Promise 与 async/await
在前端开发中，异步编程是非常常见的。在某些情况下，我们需要在执行某些操作之前等待另一个操作完成，这就需要异步编程。
ECMAScript 2018 引入的 Promise 和 async/await 是用于处理异步操作的两种方式。在本文中，我们将深入了解这两种技术，包括其名称和用法以及示例代码和最佳实践建议。
Promise
Promise 可以看作是一种占位符，表示一个异步操作的最终结果。当一个异步操作执行时，Promise 对象可以用来获得异步操作的结果，或者通过链式调用将多个异步操作一起执行。
使用 Promise 的最基本的例子如下：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - -- ---------------- -- -------- ------- -- -------- ------ --- ------------------- -- - -- ---- -------------- -- - -- ---- ---
在上面的例子中，我们通过 Promise 对象来执行一些异步操作。异步操作完成后，Promise 要么调用 resolve 函数返回一个结果，要么调用 reject 函数返回一个错误。
在 then 方法中，我们可以获取异步操作的结果并进行处理。在 catch 方法中，我们可以获取异步操作的异常并进行处理。
Promise 的一个非常强大的功能是它的链式调用。这使得编写具有多个异步操作的代码非常容易。例如：
-- -------------------- ---- -------
----- ------- - -- -- -
------ ------------------
--------- -- -----------
---------- -- -
------ -
---------- ---------------
--------- -------------
--
---
--
------------------- -- -
------------------ -- ----------- ------- --------- ------
-------------- -- -
---------------------
---在上面的例子中，我们创建了一个 getUser 函数，它使用 fetch 发出一个 AJAX 请求来获取用户数据。一旦请求完成，并且从响应中获取到了用户数据，我们使用 then 方法来处理结果，并返回一个新的对象。
最后，我们通过 then 方法获取 getUser 函数返回的对象并打印结果。如果发生错误，则 catch 方法会捕获异常并打印错误。
async/await
async/await 是 ECMAScript 2018 中另一种处理异步操作的方式。它提供了编写异步代码的另一种方式，使得代码更加易读且易于理解。
使用 async/await，我们可以将异步操作看作是同步操作，将异步操作的结果存储在变量中并进行操作。例如：
-- -------------------- ---- -------
----- ------- - ----- -- -- -
----- --- - ----- -------------------
----- ---- - ----- -----------
------ -
---------- ---------------
--------- -------------
--
--
------------------- -- -
------------------ -- ----------- ------- --------- ------
-------------- -- -
---------------------
---在上面的例子中，我们使用 async/await 来编写了一个 getUser 函数，该函数使用 fetch 发出一个 AJAX 请求来获取用户数据。一旦请求完成，并且从响应中获取到了用户数据，我们使用 await 关键字来等待 Promise 对象的 resolved 值。
最后，我们通过 then 方法获取 getUser 函数返回的对象并打印结果。如果发生错误，则 catch 方法会捕获异常并打印错误。
建议
当需要执行多个异步操作时，确保使用 Promise 的链式调用，并使用 async/await 消除回调地狱。这样可以使代码更加易读且易于维护。
如果使用了 async 函数，则应该在函数体内始终使用 try/catch 语句来捕获错误。这样可以防止错误快速传播并使代码更加可靠。
总结
在本文中，我们已经深入了解了 ECMAScript 2018 中的异步编程：Promise 与 async/await。这两种技术都是处理异步操作的最佳实践方法，可以使代码更具可读性和可维护性。使用它们，可以很容易地编写具有多个异步操作的代码，同时保持代码整洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e564e3f6b2d6eab30d373d