简介
retry-on-error-js是一个基于JavaScript编写的npm包，它的作用是在请求出现错误时进行自动的重试。
在前端开发中，我们经常需要从服务器获取数据，而服务器往往不可靠，它们可能会出现各种错误，例如：
- 网络连接问题
- 服务器宕机
- 接口返回数据格式不正确
我们需要保障我们的应用程序能够健壮地处理这些异常情况。 retry-on-error-js 正是为此而生。
安装
推荐使用 npm 进行安装：
npm install retry-on-error-js
用法
在使用 retry-on-error-js 之前，你需要首先引入它：
const RetryOnError = require('retry-on-error-js');然后你需要创建一个 RetryOnError 对象并传入一个请求函数：
const retryHandler = new RetryOnError(myRequestFunction);
其中， myRequestFunction 是你自己定义的请求函数，它需要返回一个 Promise 对象。
我们假设 myRequestFunction() 返回的是以下格式的数据：
{
"success": true,
"data": {
...
}
}那么，在使用 retry-on-error-js 进行请求时，我们只需要按如下代码使用：
retryHandler.retryOnErrors().then(data=>{
console.log(data);
}).catch(error=>{
console.error(error);
})以上代码会自动在请求出现错误时进行重试，并在请求成功或者达到最大重试次数后返回数据（或抛出错误）。
默认情况下， retry-on-error-js 允许重试5次，并且每次重试之间的时间间隔增长两倍。
如果您希望自定义重试次数和时间间隔，可以使用以下代码：
retryHandler.setMaxRetryTimes(10);
retryHandler.setRetryInterval(1000); // 单位：毫秒
retryHandler.retryOnErrors().then(data=>{
console.log(data);
}).catch(error=>{
console.error(error);
})以上代码将请求尝试重试10次，每次重试间隔1秒钟。
完整示例
以下是一个完整的实例代码，使用了 retry-on-error-js 实现了对服务器数据的自动重试。
-- -------------------- ---- -------
----- ----- - -----------------
----- ------------ - -----------------------------
----- ----------------- - -- -- -
------ ------------------------------------------------------------------ -- -
-- ---- -- --------- -
------ ---------
-
------ ---------------- -------- ------ ---- ------- ---
---
--
----- ------------ - --- --------------------------------
---------------------------------
-------------------------------------- -- -
------------------
-------------- -- -
---------------------
--总结
retry-on-error-js 是一个非常实用的npm包，它为我们解决了前端开发中最常见的网络错误和接口异常问题。我们只需要简单几行代码就可以让我们的应用程序变得更加健壮。
在使用 retry-on-error-js 的时候，我们需要注意自定义请求函数返回值的格式，以及设置最大重试次数和时间间隔。
如果你正在开发前端应用程序，并且需要处理网络请求出现异常的情况，那么 retry-on-error-js 绝对是你的一个好选择！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668081e8991b448e2986