在前端开发中，异步请求是非常常见的。但由于网络等各种原因，异步请求可能会失败。这时候我们就需要用到 async-retry 这个npm包来进行重试操作。
安装
--- ------- -----------
基本使用方法
----- ----- - -----------------------
----- -------- ----------- -
--- -
----- -------- - ----- ----------- -- -- -
----- ------ - ----- --------------------------------------
------ ----- --------------
-- - -------- - ---
----------------------
- ----- ----- -
-----------------
-
-
------------上面的代码中，我们使用 async 和 await 来发送异步请求，并使用 async-retry 包来进行了三次重试。如果三次请求都失败了，那么将会抛出一个错误。
除了 retries 选项外，还可以使用其他选项来控制重试行为。例如：
minTimeout：每次重试之间的最小延迟(以毫秒为单位)。maxTimeout：每次重试之间的最大延迟(以毫秒为单位)。factor：指定延迟的增长率，该值应大于1。randomize：是否随机化延迟时间。
高级用法
有时候，我们需要自定义重试条件和错误处理。下面是一个例子：
----- ----- - -----------------------
----- -------- ----------- -
----- --- - -------------------------------
--- ---------
--- -
-------- - ----- ----------- -- -- -
----- ------ - ----- -----------
-- -------------- --- ---- -
----- --- -------------- ------ -------
-
------ ----- --------------
-- -
-------- --
-------- ----- -------- -- -
------------------ ------- ----------- ---------
--
------- --
----------- -----
----------- -----
---------- ----
---
----------------------
- ----- ----- -
------------------- -- ----- ---- ---- ------- ---------
-
-
------------在上面的代码中，我们通过自定义 onRetry 函数来处理重试时的错误。该函数会在重试每次失败时被调用，并输出错误信息和当前尝试次数。
此外，我们还可以设置延迟时间增长率、最小和最大延迟时间以及随机化延迟时间等参数。
总结
async-retry 是一个非常方便的 npm 包，可以帮助我们轻松地进行异步请求重试操作。使用这个包时，需要注意设置合适的选项以控制重试行为，并对重试条件和错误处理进行适当的定制。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51242