在前端开发中，异步编程是一个常见的需求。在 JavaScript 中，异步编程方案有很多，比如回调函数、事件、Promise 和 Async/Await。其中 Promise 是一个较为流行的方案，它可以让代码更加简洁明了，但也存在一些问题。例如，Promise 的异常处理并不是很友好，同时在多个 Promise 同时执行的场景下会比较复杂。为了解决这些问题，开发者 Dave Geddes 开发了一个名为 rsvp-that-works 的 NPM 包，本文就来介绍一下如何使用它。
简介
rsvp-that-works 是一个基于 Promise 的库，它可以让我们更好地管理多个 Promise 之间的关系。它提供了以下特性：
- 可以将多个 Promise 以数组的形式传入，所有 Promise 触发完成后再同时处理
- 可以将多个 Promise 以对象的形式传入，以属性名的形式访问每个 Promise 的结果
- 支持链式调用，方便组合多个异步任务
- 支持异常处理
- 可以让我们获得更加可靠的异步编程体验
安装
安装 rsvp-that-works 很简单，只需要在命令行中运行以下命令即可：
--- ------- --------------- ------
使用
使用 Promise 数组
在 rsvp-that-works 中，我们可以使用 Promise 数组来管理多个 Promise 实例。例如，我们需要在两个 Promise 都完成后才执行后续逻辑，则可以使用如下方式：
----- ---- - --------------------------- ----- -- - ------------------- ----- -- - ------------------- ------------- -------------------- --------- -- - ------------------- - --------- -- -- - ---
在上面的例子中，我们将两个 Promise 实例作为数组传入 RSVP.all() 方法中，它会等待这两个 Promise 都完成后再执行后续逻辑，同时你也可以通过解构数组的方式访问每个 Promise 的执行结果。
同时我们也可以使用 RSVP.race() 方法来管理多个 Promise 实例，它会返回最先返回结果的 Promise 实例。
----- ---- - --------------------------- ----- -- - --- --------------- -- ------------------- ----- ---- ----- -- - --- --------------- -- ------------------- ---- ---- -------------- ---------------- -- - -------------------- -- -- - ---
在上面的例子中，我们将两个 Promise 实例作为数组传入 RSVP.race() 方法中，它会返回最先返回结果的 Promise 实例，因为 p2 在 500 毫秒后就返回了结果。
使用 Promise 对象
在 rsvp-that-works 中，我们也可以使用 Promise 对象来管理多个 Promise 实例。例如，我们需要在两个 Promise 都完成后才执行后续逻辑，并且按照属性名来访问每个 Promise 的结果，则可以使用如下方式：
----- ---- - --------------------------- ----- -- - ------------------- ----- -- - ------------------- ----------- --- -- --------------- -- - ---------------------- - ------------ -- -- - ---
在上面的例子中，我们将两个 Promise 实例作为对象的属性传入 RSVP.hash() 方法中，它会等待这两个 Promise 都完成后再执行后续逻辑，同时你也可以通过属性名的方式访问每个 Promise 的执行结果。
异常处理
在 rsvp-that-works 中，我们可以捕获 Promise 抛出的异常并统一处理。例如，我们需要在两个 Promise 完成后执行后续逻辑，但是在其中一个 Promise 抛出异常后，后续逻辑也不能继续执行，则可以使用如下方式：
----- ---- - --------------------------- ----- -- - ------------------- ----- -- - ------------------ -------------- --------- ------------- -------------------- --------- -- - ------------------- - --------- -- ----- -------------- -- - --------------------- -- -- ------- ----- ---
在上面的例子中，RSVP.all() 方法会先等待 p1 和 p2 的完成。但是由于 p2 抛出了异常，Promise 会直接进入异常状态并且传递给 catch() 方法。
示例代码
下面是一个使用 rsvp-that-works 进行异步编程的完整示例代码：
----- ---- - ---------------------------
-------- -------------- -
------ --- --------------- -- -
------------- -- -
------------- ---- ---------
-- ------
---
-
-------- ----------- --------- -
------ --- --------------- -- -
------------- -- -
---------------- -----------
-- -----
---
-
-----------
----- --------------------------------
----- -------------- -----------
---------- ----- ---- -- -- -
------------------
------------------
-------------- -- -
---------------------
---在上面的代码中，我们使用了两个异步函数 fetchData() 和 login() 来获取数据。同时我们使用 RSVP.hash() 来等待两个异步函数都完成后再执行后续逻辑，并且以对象的属性名来访问每个异步函数的执行结果。如果其中一个异步函数抛出了异常，则会被 catch() 方法捕捉使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/77664