实现一个支持请求失败后重试的JS方法

最新推荐文章于 2025-01-10 11:02:53 发布

原创最新推荐文章于 2025-01-10 11:02:53 发布 · 2.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用Promise和递归来封装一个支持多次重试的async函数，以应对网络请求可能的失败。通过实例展示了如何在遇到错误时自动进行有限次重试，提高代码健壮性。

假设存在一个函数，返回promise对象。它可能会失败。

// 伪代码
function asyncFunc(){
    return new Promise((resolve,reject)=>{
        axios.get('http://sdadasdadadasdas.com').then((res)=>{
            resolve(res)
        }).catch((err)=>{
           reject(err)
        })
    })
}

包装上面的函数支持重试。

// 支持重试的函数
function reTry(asyncFunc,times) {    //times是重试次数
    return new Promise(async (resolve, reject) => {
        function reTryFunc(times) {
            console.log(`第${times}次重试`)
            asyncFunc().then((res) => {
                    resolve(res)
            }).catch((err) => {
                if (times > 0) {
                    console.log(`----第${times}次重试`)
                    setTimeout(() => {
                        reTryFunc(times - 1)
                    })
                } else {
                    reject(err)
                }
            })
        }
        reTryFunc(times)
    })
}