概述
当我们在开发前端项目时，常常需要向后端服务器发送请求获取数据。然而，由于网络不稳定等原因，有时候请求会失败，导致数据获取失败。为了解决这个问题，我们可以使用 retriable-promise 这个 npm 包，它可以让我们的请求变得具有重试能力，从而提高数据获取的成功率。
安装
使用 npm 安装 retriable-promise：
npm install retriable-promise
使用
retriable-promise 可以在发生错误时自动重试请求。我们可以在请求时设置最大重试次数和重试间隔来控制重试行为。
基本用法
-- -------------------- ---- -------
----- - ---------------- - - -----------------------------
----- ---------------- - ----- -------- --
---------------------- -- -- -
----- -------- - ----- ---------- ---------
----- ---- - ----- ----------------
------ -----
-- -
-------- -- -- ------
------ ----- -- ----
---
-----------------------------
---------- -- ------------------
------------ -- ----------------------在上面的例子中，我们使用 fetchWithRetries 函数来获取数据。该函数内部使用了 RetriablePromise 来包装 fetch 请求。如果 fetch 请求失败，RetriablePromise 会自动 retry，直到成功或达到最大重试次数。在 fetch 请求成功后，我们可以得到 JSON 格式的数据。
拦截器
RetriablePromise 可以在请求前和请求后执行拦截器。我们可以使用拦截器来对请求进行修改或打印日志等操作。拦截器可以是同步函数或异步函数。
下面是一个请求前和请求后使用拦截器的例子：
-- -------------------- ---- -------
----- - ---------------- - - -----------------------------
----- ---------------- - ----- -------- --
---------------------- -------- -- -
-- -------
------------------ ----------
------ -------
-- ----- ------- ------- ----------- -------- -- -
-- -------
-------------------- ------- ------------------------- ------ -----------
------ ----- --- --------------- -- ------------------- ---------------
---
----- -- -- -
----- -------- - ----- ---------- ---------
----- ---- - ----- ----------------
------ -----
--
-
-------- --
------ -----
--
--
-----------------------------
---------- -- ------------------
------------ -- ----------------------在上面的例子中，我们对请求前和请求后使用了拦截器。请求前的拦截器会在请求前输出一条日志；请求后的拦截器会在请求失败时输出一条日志，并且在重试时等待一段时间（2000ms）后再次执行请求。
自定义处理错误
RetriablePromise 可以让我们自定义当请求失败时如何处理错误。我们可以使用 onFail 选项来传入自定义的处理函数。
下面是一个自定义处理错误的例子：
-- -------------------- ---- -------
----- - ---------------- - - -----------------------------
----- ---------------- - ----- -------- --
---------------------- -- -- -
----- -------- - ----- ---------- ---------
-- -------------- -
----- --- ------------- --------
-
----- ---- - ----- ----------------
------ -----
-- -
-------- --
------ -----
------- ------- ------- ----------- -------- -- -
-------------------- ------- ------------------------- ------ -----------
----- ------
--
---
-----------------------------
---------- -- ------------------
------------ -- ----------------------在上面的例子中，我们自定义了请求失败时的处理函数，它会输出一条错误日志，并抛出错误以表示请求失败。
并行请求
RetriablePromise 还支持并行请求。我们可以使用 Promise.all() 来并发执行多个请求，并且每个请求都具有重试能力。
下面是一个并行请求的例子：
-- -------------------- ---- -------
----- - ---------------- - - -----------------------------
----- ---------------- - ----- -------- --
---------------------- -- -- -
----- -------- - ----- ---------- ---------
----- ---- - ----- ----------------
------ -----
-- -
-------- --
------ -----
---
-------------
-------------------------------
-------------------------------
-------------------------------
--
-------------- ------ ------- -- ------------------ ------ -------
------------ -- ----------------------在上面的例子中，我们通过并行请求获取了三份数据，并且每份数据都具有重试能力。
总结
retriable-promise 为我们提供了一种方便的方式来让请求具有重试能力，从而提高数据获取的成功率。使用 retriable-promise 很简单，我们只需要将请求封装到 RetriablePromise 中，就可以享受到请求重试的好处。同时，retriable-promise 还支持拦截器、自定义处理错误、并行请求等功能，让我们可以更灵活地控制请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005688a81e8991b448e4774