JavaScript 是一种单线程的编程语言，但是在实际开发中，我们常常需要进行异步编程，以解决网络请求、文件读写等 I/O 操作的延迟问题。在 ES7/ES8/ES9 中，JavaScript 引入了许多新的异步编程方案，本文将对这些方案进行简单介绍。
回调函数
回调函数是最早也是最常用的异步编程方案。当我们需要进行异步操作时，可以将操作的结果传递给一个回调函数，以便在操作完成后执行回调函数。例如：
-- -------------------- ---- -------
-------- ------------------- -
------------- -- -
----- ---- - ------- --------
---------------
-- ------
-
---------------- -- -
------------------
---在上面的示例中，我们定义了一个 fetchData 函数，它模拟了一个异步操作，并在操作完成后调用了传入的回调函数。我们可以通过传入不同的回调函数来处理不同的操作结果。
回调函数的问题在于它们可能会形成回调地狱（callback hell），即多层嵌套的回调函数使得代码难以维护和理解。
Promise
Promise 是 ES6 引入的一种异步编程方案，它解决了回调地狱的问题。一个 Promise 表示一个异步操作的最终完成或失败，并且可以链式调用多个操作。例如：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ---- - ------- --------
--------------
-- ------
---
-
-----------
------------ -- -
------------------
--
-------------- -- -
---------------------
---在上面的示例中，我们定义了一个 fetchData 函数，它返回一个 Promise 对象。我们可以在 Promise 对象上调用 then 方法来处理操作成功的结果，或者调用 catch 方法来处理操作失败的结果。Promise 对象还支持链式调用多个操作。
async/await
async/await 是 ES7 引入的一种异步编程方案，它建立在 Promise 的基础上，使得异步操作的代码更加简洁和易于理解。async/await 使得我们可以使用类似于同步编程的方式编写异步代码。例如：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ---- - ------- --------
--------------
-- ------
---
-
----- -------- ------ -
--- -
----- ---- - ----- ------------
------------------
- ----- ------- -
---------------------
-
-
-------在上面的示例中，我们定义了一个 main 函数，它使用 async/await 来处理异步操作。我们可以使用 await 关键字来等待 Promise 对象的结果，而不需要使用回调函数或者链式调用。
for-await-of
for-await-of 是 ES9 引入的一种异步编程方案，它是 async/await 的补充，用于遍历异步生成器（async generator）。异步生成器是一个返回 Promise 对象的生成器函数，它允许我们在遍历过程中进行异步操作。例如：
-- -------------------- ---- -------
----- --------- -------------- -
----- --- ----------------- ------- -- ------------- -- ----------- -------
----- --- ----------------- ------- -- ------------- -- ----------- -------
----- --- ----------------- ------- -- ------------- -- ----------- -------
-
------ -- -- -
--- ----- ------ ---- -- --------------- -
------------------
-
-----在上面的示例中，我们定义了一个异步生成器函数 generateData，它返回三个 Promise 对象。我们可以使用 for-await-of 循环来遍历这三个 Promise 对象，而不需要等待它们全部完成。
总结
在本文中，我们介绍了 JavaScript 中的四种异步编程方案：回调函数、Promise、async/await 和 for-await-of。它们各有优缺点，我们可以根据具体的需求来选择合适的方案。异步编程是现代 Web 开发中必不可少的技能，希望本文能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66170c36d10417a2226b64d9