开发者社区> 问答> 正文

实现一个批量请求函数 multiRequest(urls, maxNum)#前端面试

实现一个批量请求函数 multiRequest(urls, maxNum)#前端面试 
要求如下:

  1. 要求最大并发数 maxNum

  2. 每当有一个请求返回,就留下一个空位,可以增加新的请求

  3. 所有请求完成后,结果按照 urls 里面的顺序依次打出

展开
收起
一月19 2020-05-23 12:52:25 4009 0
1 条回答
写回答
取消 提交回答
  • 借鉴了一些题解的实现,用例跑通了,有问题或者可优化的话请各位大佬指正。 解题的关键是:队列和递归

    代码如下

    function handleFetchQueue(urls, max, callback) {
      const urlCount = urls.length;
      const requestsQueue = [];
      const results = [];
      let i = 0;
      const handleRequest = url => {
        const req = fetchFunc(url)
          .then(res => {
            results.push(res);
          })
          .catch(e => {
            results.push(e);
          })
          .finally(() => {
            const len = results.length;
            if (len < urlCount) {
              // 完成请求就出队
              requestsQueue.shift();
              handleRequest(urls[++i]);
            } else if (len === urlCount) {
              "function" === typeof callback && callback(results);
            }
          });
        requestsQueue.push(req);
        // 只要满足就继续请求
        if (requestsQueue.length <= max) {
          handleRequest(urls[++i]);
        }
      };
      handleRequest(urls[i]);
    }
    
    2020-05-23 14:40:27
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载