批量请求数据，控制并发数

缓月

于 2020-12-27 01:30:11 发布

阅读量644

点赞数

分类专栏： JavaScript

原文链接：https://juejin.cn/post/6844903796506624014#heading-6

版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

在这里插入图片描述
题目信息：

批量请求
可控制并发数
全部请求结束，执行callback

function handleFetchQueue(urls, max, callback) {
  const urlCount = urls.length;
  const requestsQueue = [];
  const results = [];
  let i = 0;
  const handleRequest = (url) => {
    const req = fetch(url).then(res => {
      const len = results.push(res);
      if (len < urlCount && i + 1 < urlCount) {
        requestsQueue.shift();
        handleRequest(urls[++i])
      } else if (len === urlCount) {
        'function' === typeof callback && callback(results)
      }
    }).catch(e => {
      results.push(e)
    });
    if (requestsQueue.push(req) < max) {
      handleRequest(urls[++i])
    }
  };
  handleRequest(urls[i])
}