Promise
Promise 是一种解决 JavaScript 异步编程的漂亮方案。它可以优雅地解决 callback hell 问题，使异步编程更加简单易读。使用 Promise 的方式是将异步操作包裹在 Promise 对象中，然后通过 then 方法来获取操作的结果。
--- ------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
------------------- -- -
-------------------- -- ------- --------
--在 Promise 中，有三种状态：pending、fulfilled 和 rejected。Promise 的状态只能从 pending 转移到 fulfilled 或 rejected。
Promise 支持链式调用，这样避免了嵌套 then 的问题，同时提高了代码的可读性。
--- ------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
-------
------------ -- -
-------------------- -- ------- --------
------ ---------------------
--
------------ -- -
-------------------- -- ------- --------
---同时，Promise 还支持 catch 方法，用于捕获 Promise 中的错误。
--- ------- - --- ----------------- ------- -- -
------------- -- -
---------- -------------- ------------
-- ------
---
-------
------------ -- -
--------------------
--
------------ -- -
----------------------------- -- ------- --------
---Generator
Generator 是 ES6 引入的另一种解决异步编程的新特性。它实现了一种可以暂停和恢复的函数，可以在函数执行的过程中暂停执行，并在需要的时候恢复执行。Generator 函数需要通过 yield 关键字来控制函数的执行流程。
--------- ----------- - ----------------- ------ ----------------- - --- --- - ------------ ----------- -- - ----------- -- -
Generator 函数可以通过 yield 来返回多个值，类似于将函数切分成了多个部分。
--------- ----------- - ----- -------- ----- -------- - --- --- - ------------ ------------------------------ -- ----- ------------------------------ -- -----
Generator 函数还可以通过 yield* 来委托给另一个 Generator 函数执行。
--------- ----------- - ----- -------- ------ --------------- ----- -------- - --------- -------------- - ----- ------------ - --- --- - ------------ ------------------------------ -- ----- ------------------------------ -- --------- ------------------------------ -- -----
异同
虽然 Promise 和 Generator 函数都是用来解决 JavaScript 异步编程问题的，但它们的实现方式和使用方式都有很大的区别。
- Promise 是一种特定的异步执行的机制，其内部实现了状态管理和方法调用的机制，而 Generator 函数只是一种语法糖，不能和异步操作直接关联。
- Promise 在异步编程中扮演着重要的角色，可以使异步编程更加简洁易读，而 Generator 函数则更适合用于生成器这类模式化的场景，如状态机等。
- Promise 支持链式调用和错误处理，而 Generator 函数则需要借助第三方库或 Promise 将其转化成 Promise 对象。
运用方法
Promise 和 Generator 函数都是提高异步编程效率的工具，但它们在不同的场景下有着不同的运用方法。
使用 Promise
Promise 在各种异步操作场景下都十分常见。它可以用于任何需要异步处理的场合。
-------- -------------- -
------ --- ----------------- ------- -- -
----------
-------------- -- ----------------
---------- -- -
--------------
--
------------ -- -
--------------
---
---
-
-------------------------------------------------------
---------- -- -
------------------
--
------------ -- -
-----------------------------
---使用 Generator
Generator 函数在有限状态机等场景下有着广泛的应用。在这种场景下，往往需要控制函数的执行流程，根据不同的状态返回不同的值。
--------- ----------- -
--- ----- - --
----- ------ -
------ ------- -
---- --
----- --------
----- - --
------
---- --
----- --------
----- - --
------
---- --
----- ----------
----- - --
------
-
-
-
--- --- - ------------
------------------------------ -- -----
------------------------------ -- -----
------------------------------ -- -------
------------------------------ -- -----Promise 和 Generator 结合使用
Promise 和 Generator 函数可以结合使用，通过将异步操作包裹在 Promise 中，实现异步流程的控制和错误处理。
-------- -------------- -
------ --- ----------------- ------- -- -
------------- -- -
----------
-------------- -- ----------------
---------- -- -
--------------
--
------------ -- -
--------------
---
-- ------
---
-
--------- ----------- -
--- -
--- ---- - ----- --------------------------------------------------------
------------------
- ----- ------- -
-----------------------------
-
-
--- --- - ------------
--- ------- - -----------------
----------------- -- -
---------------
-------------- -- -
-----------------
---在上述代码中，Generator 函数用于控制异步操作的执行流程，Promise 用于异步操作的实现和错误处理。在异步操作执行成功之后，将其返回给 Generator 函数，通过 next 方法继续执行下一个操作；如果出现错误，通过 throw 方法将错误抛给 Generator 函数的 try-catch 块进行处理。
结论
Promise 和 Generator 函数是解决 JavaScript 异步编程问题的重要工具，它们各自有着不同的实现方式和使用场景。在实际开发中，需要根据实际情况选择合适的工具来提高编程效率，促进代码质量的提高。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f0cd926fbf96019733ff01