js网络请求 (重试 超时 并行)处理

重试

function limitCount(url,maxCount){
    return fetch(url).catch((err)=>{
      maxCount > 0 ? limitCount(url,maxCount - 1) : Promise(reject(err))
    })
}

limitCount('https://www.baidu.com/',6).then(res=>{console.log(res)})
  .catch(err=>{console.log(err)})

超时

function limitTime(url,maxTime){
  return Promise.race([
    fetch(url),
    new Promise(reject=>{setTiomeout(()=>{console.log('请求超时')},maxTime)})
  ])
}

limitTime('https://www.baidu.com/',0000).then(res=>console.log(res))
  .catch(err=>console.log(err))

 并行

function limitRequest(urls,maxNum){
  return new Promise(()=>{
    let cnt = 0;  //记录当前请求数
    while(cnt < maxNum){
      request();
      cnt ++;
    }
    async function request(){
      if(!urls.length) return;
      await fetch(urls.shift()).finally(cnt --);
    }
  })
}

function limitRequest(urls, maxNum) {
			return new Promise((resolve) => {
				if (urls.length === 0) {
					resolve([])
					return
				}
				const results = []
				let index = 0
				let count = 0
				async function request() {
					if (index == urls.length) {
						return
					}
					let i = index
					const url = urls[index]
					console.log(url);
					index++
					try {
						const resp = await fetch(url)
						results[i] = resp
					}
					catch (err) {
						results[i] = err
					} finally {
						count++
						if (count == urls.length) {
							resolve(results)
						}
						request()
					}

				}
				const times = Math.min(maxNum, urls.length)
				for (let i = 0; i < times; i++) {
					request()
				}
			})
		}


// 测试数据
const urls = [];
for (let i = 1; i <= 20; i++) {
    urls.push(`https://jsonplaceholder.typicode.com/todos/${i}`)
}
limitRequest(urls, 4).then(res => {
    console.log(res)
})

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值