Javascript

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控制并发请求数量的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
                    


                


                
                
 

                
                

                    

                        
您可能喜欢

                        
                    

                

                

            

             
            
            
            
        

        
        

        

            

                
栏目导航