什么是 Promise
Promise 是一种用于异步编程的解决方案，它可以让异步操作更加优雅和简单。Promise 对象代表了一个异步操作的最终完成或失败，并返回相应的结果。
Promise 有三种状态：等待（pending）、已完成（fulfilled）和已拒绝（rejected）。当一个 Promise 对象被创建时，它的初始状态是等待状态。当异步操作成功时，Promise 对象的状态会变为已完成状态，并返回相应的结果；当异步操作失败时，Promise 对象的状态会变为已拒绝状态，并返回相应的错误信息。
什么是 Generator
Generator 是一种特殊的函数，它可以在执行过程中暂停并恢复执行。Generator 函数通过 yield 语句来实现暂停执行和恢复执行的操作，yield 语句可以返回一个值，也可以不返回任何值。
Generator 函数的执行过程是惰性的，即只有当调用 Generator 函数时，它才会开始执行。当调用 Generator 函数时，它返回一个迭代器对象，可以通过调用迭代器对象的 next() 方法来执行 Generator 函数的下一步操作。
如何在 Promise 中使用 Generator
在 Promise 中使用 Generator 可以让异步操作更加优雅和简单。我们可以通过封装一个 Generator 函数，并在 Generator 函数中使用 Promise 对象来实现异步操作。
-- -------------------- ---- -------
--------- ---------------- -
----- ------- - ----- --- --------------- -- ------------- -- ------------------- ------
----- ------- - ----- --- --------------- -- ------------- -- ------------------- ------
----- ------- - ----- --- --------------- -- ------------- -- ------------------- ------
------ --------- -------- --------
-
-------- ---------------------------- -
----- -------- - -----------
--- ------ - ----
------ --- ----------------- ------- -- -
-------- ----------- -
--- -
----- - ------ ---------- ---- - - --------------------
-- ------ -
------------------
- ---- -
------------------------------------- -------
-
- ----- ------- -
-------------
-
-
------
--
-
--------------------------------------------- -- --------------------在上面的示例代码中，我们封装了一个 Generator 函数 asyncOperation()，并在其中使用 Promise 对象来实现异步操作。我们定义了一个 runAsyncOperation() 函数来执行 asyncOperation() 函数，并在其中使用 Promise 对象来实现异步操作的执行过程。当异步操作完成时，我们使用 resolve() 方法来返回异步操作的结果。
什么是 Async/Await
Async/Await 是 Promise 的语法糖，它可以让异步操作更加优雅和简单。Async/Await 是基于 Generator 和 Promise 实现的，它使用 async 和 await 关键字来简化 Promise 的使用。
Async/Await 通过 async 函数来实现异步操作，async 函数返回一个 Promise 对象，可以在其中使用 await 关键字来等待异步操作的完成。当异步操作完成时，async 函数会自动将异步操作的结果包装成一个 Promise 对象，并返回该 Promise 对象。
如何在 Promise 中使用 Async/Await
在 Promise 中使用 Async/Await 可以让异步操作更加优雅和简单。我们可以通过封装一个 Async 函数，并在 Async 函数中使用 Promise 对象来实现异步操作。
async function asyncOperation() {
const result1 = await new Promise(resolve => setTimeout(() => resolve('result1'), 1000))
const result2 = await new Promise(resolve => setTimeout(() => resolve('result2'), 1000))
const result3 = await new Promise(resolve => setTimeout(() => resolve('result3'), 1000))
return [result1, result2, result3]
}
asyncOperation().then(result => console.log(result))在上面的示例代码中，我们封装了一个 Async 函数 asyncOperation()，并在其中使用 Promise 对象来实现异步操作。我们直接调用 asyncOperation() 函数，并在其中使用 await 关键字来等待异步操作的完成。当异步操作完成时，asyncOperation() 函数会自动将异步操作的结果包装成一个 Promise 对象，并返回该 Promise 对象。
总结
Promise、Generator 和 Async/Await 是三种用于异步编程的解决方案，它们可以让异步操作更加优雅和简单。在 Promise 中使用 Generator 和 Async/Await 可以让异步操作更加简单和易读。我们可以根据实际需求选择不同的解决方案，并在其中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66029ad1d10417a222e68dd0