JS控制并发请求数量

本文主要是介绍JS控制并发请求数量，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

//链接
    const arr_url = [
      { url: 'url0', time: 3 },
      { url: 'url1', time: 3 },
      { url: 'url2', time: 3 },
      { url: 'url3', time: 3 },
      { url: 'url4', time: 3 },
      { url: 'url5', time: 3 },
      { url: 'url6', time: 0 },
      { url: 'url7', time: 3 },
    ]

　　//请求 fetch fn     const ajax = ({ url, time }) => {       return new Promise((res, reject) => {         setTimeout(() => {           console.log(url);           if (url == 'url3') {             reject('失败了')           }           else {
            res('成功了')           }         }, time * 1000)       })     }  

//do fecth     const getimg = arr => {       const arr_result = []       const fetchall = async (idx) => {         if (arr_result[idx]) {           idx++           await fetchall(idx)         } else {           arr_result[idx] = 1           ajax(arr[idx])             .catch(r => console.log('Error', r))             .finally(r => {               if (idx > arr.length) return               idx++               if (arr[idx]) {                 fetchall(idx)               }             })         }       }       fetchall(0)  //根据并发限制设定执行初始请求函数       fetchall(1)     }     getimg(arr)  

ps:这是最终版本，最初的时候少个async和await，怎么弄都不对，后面查资料修改了，就没问题了，参考地址

 

这篇关于JS控制并发请求数量的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！