前言
yarec 是一款基于 Promise 和 Generator 的异步编程工具。它允许您将异步代码按照同步的方式进行编写和阅读，同时避免了回调嵌套和异常处理。
在前端开发过程中，异步编程是很常见的一种场景。yarec 可以帮助开发者更加轻松的处理异步任务，提高开发效率。
安装
yarec 是基于 npm 包管理工具的。在使用之前，需要先安装 yarec。可以使用以下命令进行安装：
npm install yarec --save
如果您想在全局范围内使用 yarec，可以使用以下命令进行全局安装：
npm install -g yarec
使用
yarec 中有两个核心概念：Promise 和 Generator。
Promise
Promise 是 yarec 中进行异步编程的基础。它包含两个状态：已完成（fulfilled）和已拒绝（rejected）。
使用 yarec 中的 Promise，需要进行如下操作：
-- -------------------- ---- ------- ----- ----- - ----------------- ----- --------- - ----------------------- ------- -- - -- ---- ------------- -- -------------- ------ --- --------------------- -- - -------------------- -------------- -- - --------------------- ---
在上述代码中，我们首次使用 yarec 中的 promise 方法，并在方法内进行异步任务。异步任务完成后，我们调用 resolve 方法表示异步任务已完成，如果出错则调用 reject 方法表示任务失败。然后，我们使用 then 和 catch 方法对异步任务进行一一对应的处理。
Generator
Generator 是 yarec 中的另一个核心概念，它可以用于编写同步风格的异步代码。它的特点是代码可读性高，且避免了回调嵌套问题。
以下是一个示例代码，演示了将异步任务封装成 Generator 函数的方法：
-- -------------------- ---- -------
----- ----- - -----------------
--------- ------------- -
----- ------ - ----- ----------------------- ------- -- -
-- ----
------------- -- -------------- ------
---
--------------------
-
----- --- - --------------
----- - ----- - - -----------
------------- -- -
----- - ----- - - ---------------
---在上述代码中，我们使用 Generator 函数编写代码，可以看到代码的可读性非常高。我们调用 yarec 中的 promise 方法来进行异步任务，并使用 yield 关键字进行阻塞，直到异步任务执行完毕并返回 resolve 值。在 Generator 函数内部，我们可以对异步任务进行处理。
使用 Generator 函数前需要将其实例化，然后调用 next 方法开始执行，这一步将阻塞 Generator 函数的执行，直到 Promise 完成。当 Promise 完成后，我们调用 next 方法将 Promise 的结果传递给 Generator 函数，这一步将解除 Generator 函数的阻塞并继续执行，并将 Promise 的结果作为函数的返回值。
示例
以下示例演示了如何使用 yarec 中的异步编程工具，将异步任务按照同步方式编写：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- -------- -
----- ------ - ----- ----------------------- ------- -- -
-- -- -
------------- -- ------------- ------
---
-------------------- --------
----- ------- - ----- ----------------------- ------- -- -
-- -- -
------------- -- ------------- ------
---
-------------------- ---------
----- ------- - ----- ----------------------- ------- -- -
-- -- -
------------- -- ------------- ------
---
-------------------- ---------
-
---------在上述代码中，我们定义了一个异步任务 myTask，其中包含了 3 个异步任务，每个任务之间使用 await 关键字进行阻塞，等待异步任务完成。在函数内部，我们完成了对异步任务的同步处理，并使用 console.log 方法进行了打印，从而展示了异步任务按照同步方式执行的效果。
总结
yarec 是一个基于 Promise 和 Generator 的异步编程工具，可以帮助开发者更加轻松的处理异步任务，提高开发效率。使用 yarec，我们可以将异步任务按照同步的方式进行编写和阅读，同时避免了回调嵌套和异常处理。在实际开发中，我们可以根据具体场景合理使用 yarec，提高代码的可读性和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672553660cf7123b3633d