当我们在进行网络请求的时候,有时候由于信号不好等因素导致网络请求失败,这时我们通常就直接返回了,这不够优雅,更好的处理方式时能进行自动重试。
假设我们的网络请求代码如下:
// 伪代码
function request(){
return new Promise((resolve,reject)=>{
axios.get('http://example.com').then((res)=>{
resolve(res)
}).catch((err)=>{
reject(err)
})
})
}
通过一个重试函数封装上面的代码:
// 支持重试的函数
function requestWithRetry(asyncFunc, times=3) { //times是重试次数,默认为3
return new Promise(async (resolve, reject) => {
function reTryFunc(times) {
asyncFunc().then((res) => {
resolve(res)
}).catch((err) => {
if (times > 0) {
setTimeout(() => {
reTryFunc(times - 1)
})
} else {
reject(err)
}
})
}
reTryFunc(times)
})
}
调用方式如下:
requestWithRetry(request, 3)