在前端开发中，很多时候我们需要处理异步请求。如果请求失败，有些情况下会需要进行重试。这时候，我们通常会写一些逻辑来实现重试。不过，这样的代码会很冗长，而且难以复用。为了解决这个问题，有一款 npm 包可以帮助我们解决这个问题。
这个 npm 包叫做 "@libshin/retry-until"，它的主要功能就是封装了一个可配置的、带有自动重试机制的函数。在使用该 npm 包的时候，我们只需要记录下一些配置信息，函数内部会自动处理重试逻辑，从而方便我们进行异步请求。
一、安装和使用
首先，你需要将 "@libshin/retry-until" 安装到你的项目中。你可以使用 npm 或者 yarn 安装该依赖。
--- ------- --------------------
安装完毕后，在你的代码中，可以通过以下的方式使用该库：
------ - ---------- - ---- -----------------------
-- ---------
----- --------- - -- -- -
------ --- ----------------- ------- -- -
-- -----------
------------- -- -
---------------
-- ------
---
--
-- -- ---------- ----- --------- --
--------------------- -
------ -- -- -- - -
------ ---- -- ----- -----
---------------- -- -
-- ----------
--------------------
---------------- -- -
-- ------------
-------------------
---上面的代码中，我们定义了一个 fetchData 函数，它模拟了一个请求失败的场景。接着，我们通过 retryUntil 函数，对 fetchData 函数进行了包装。retryUntil 函数的第二个参数是一个可选的配置对象，它主要用来配置重试的次数以及重试时的间隔。最后，我们将 retryUntil 函数返回的 Promise 进行处理，当所有的重试都失败的时候，就会执行 catch 方法。
二、可选的配置项
在使用该 npm 包的时候，我们还可以配置一些其他的参数，来进一步控制重试逻辑。下面列出了该 npm 包可配置的部分：
1. times
该参数表示需要重试的次数，它的默认值是 5 次。如果在重试的过程中，retryUntil 函数返回的 Promise 计算被拒绝，retryUntil 函数会针对该 Promise 进行重试，直到达到了指定的次数，或者该 Promise 计算成功为止。
2. delay
该参数表示重试时的间隔时间（以毫秒为单位）。它的默认值是 0，这意味着 retryUntil 函数不会添加任何间隔时间，在 Promise 计算被拒绝的时候，就会立即重试。
3. check
该参数表示一个函数，它的作用是判断 Promise 计算是否需要重试。如果 check 函数返回 true，retryUntil 函数会按照指定的重试次数和重试间隔进行重试。如果 check 函数返回 false，retryUntil 函数就会立即将 Promise 计算的结果传递给 Promise 对象。
举个例子，如果我们想要在发生 400 错误时重试请求，可以自定义 check 函数：
-----------
----------
-
------ --
------ ----
------ ----- -- -
-- ------ --- ----------
-- --------------- --- ---- -
------ -----
-
------ ------
--
-
--------------- -- -
--------------------
---4. cleanup
该参数表示一个函数，它在所有的尝试（包括重试）完成后进行调用。如果所有的尝试都失败了，该函数会接收最后一个错误作为参数。cleanup 函数默认为 null，即不执行任何逻辑。
举个例子，假设我们需要在所有的重试尝试结束后，将重试成功的信息写入本地缓存，我们可以自定义 cleanup 函数来实现：
-----------
----------
-
------ --
------ ----
-------- ------- -- -
-- ------- -
------------------------------
-- ---------------
- ---- -
------------------------------
-- ---------------
-
--
-
--------------- -- -
--------------------
---总结
上文介绍了如何使用 npm 包 @libshin/retry-until 来实现自动重试机制，让我们可以更加方便地处理异步请求。通过指定相关的配置项，可以在一定程度上控制函数的行为。这种 npm 包的封装使得我们可以把精力集中在业务逻辑上，而无需在重试逻辑上浪费太多时间。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f93238a385564ab705e