JS基础之网络请求失败自动重试

当我们在进行网络请求的时候，有时候由于信号不好等因素导致网络请求失败，这时我们通常就直接返回了，这不够优雅，更好的处理方式时能进行自动重试。

假设我们的网络请求代码如下：

// 伪代码
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)

最后

以上就是矮小冰淇淋为你收集整理的JS基础之网络请求失败自动重试的全部内容，希望文章能够帮你解决JS基础之网络请求失败自动重试所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。