JS面试之异步模拟超时重传机制详解

//timer--一次请求的最大响应时间
//limit--最大超时请求次数
//fn-----资源加载函数
function load (times,limit,fn) {
  return new Promise((resolve,reject)=>{
    let num = 0//重传的次数
    let statue = false//请求的状态
    let timer = null//定时器
    //一次请求的统计
    function request() {
      let timers1 = Date.now()
      fn().then(res=>{
        let timers2 = Date.now()
        if(timers2-timers1<times){
          statue = true
          resolve(res)
        }
      })
    }
    //一开始就异步加载数据
    request()
    //定时器轮询模拟超时重传
    timer = setInterval(()=>{
      //请求成功了
      if(statue) {
        clearInterval(timer)
        return 
      }
      //请求次数超过限制，错误
      if(num>=limit) {
        clearInterval(timer)
        reject("请求次数过多")
        return 
      }
      //继续请求
      console.log("重新请求中...")
      request()
      num++
    },times)
  })
}
//模拟资源请求
function fn() {
  return new Promise((resolve,reject)=>{
    setTimeout(() => {
      resolve("ok")
    }, 3000);
  })
}
//主函数调用
load(2000,5,fn)
  .then(msg=>{console.log(msg)})
  .catch(err=>{
    console.log(err)
  })