设计一个函数,请求操作,请求成功返回成功结果,失败后重复,三次失败后返回失败。
初步设计如下:
代码语言:js复制const ajax = (ms)=>{
return new Promise((resolve)=>{
setTimeout(()=>{
resolve('1ok')
},ms)
})
}
const retry = async(m)=>{
let n = m-1;
if(n>=0){
console.log(`${n}在执行`)
// retry(n)
const res = await ajax(2000);
if(res === 'ok'){
return res;
}else{
return retry(n)
}
}else{
console.log(`${n}结束了`);
return '没有成功'
}
}
(async()=>{
const res = await retry(3);
console.log(res)
})()
首先用promis模拟一个请求函数,然后设计了retry函数,是一个async函数,函数设计了一个参数,表示请求重复次数,执行一次,次数减一,小于0时终止。
满足条件时执行请求操作,获得请求结果。判断请求结果如果结果正常,则直接返回,不正常的话,调用函数自己,并传入次数减一。
这样有个问题,retry写死了,如果另外有请求操作该如何呢?我们将ajax提取出来座位参数进行传递,改版如下:
代码语言:js复制const ajax = (ms)=>{
return new Promise((resolve)=>{
setTimeout(()=>{
resolve('1ok')
},ms)
})
}
const retry = async(fn,m)=>{
let n = m-1;
if(n>=0){
console.log(`${n}在执行`)
// retry(n)
const res = await fn(2000);
if(res === 'ok'){
return res;
}else{
return retry(fn,n)
}
}else{
console.log(`${n}结束了`);
return '没有成功'
}
}
(async()=>{
const res = await retry(ajax,3);
console.log(res)
})()
我们将请求函数提取为了一个参数,调用retry时进行传递,成功解耦。
我突然迸发出了一个想法,js函数中的for循环可以被return中断,那么我们也可以这样来写,循环调用多次请求,只要某一次成功了,就return终止,否则执行到底,返回失败,代码如下:
代码语言:js复制const ajax = (ms)=>{
return new Promise((resolve)=>{
setTimeout(()=>{
resolve('1ok')
},ms)
})
}
const retry = async(fn,m)=>{
for (let index = 0; index < 3; index ) {
const res = await fn(2000);
console.log(res)
if(res === 'ok'){
return res
}
}
return '调用失败';
}
(async()=>{
const res = await retry(ajax,3);
console.log(res)
})()
这样是不是看着舒服多了,当然了除了for循环,还有while循环,等等,以上便是我对请求失败后重试n次停止的一些想法,希望对你有所帮助。