Promise并发做异步请求

比眉伴天荒 2022-08-30 11:12 166阅读 0赞

## 并发做异步请求，限制频率 ##

1.  举个例子，有 8 张图片 url，你需要并发去获取它，并且任何时刻同时请求的数量不超过 3 个。也就是说第 4 张图片一定是等前面那一批有一个请求完毕了才能开始，以此类推。

var urls = [
      'https://www.kkkk1000.com/images/getImgData/getImgDatadata.jpg',
      'https://www.kkkk1000.com/images/getImgData/gray.gif',
      'https://www.kkkk1000.com/images/getImgData/Particle.gif',
      'https://www.kkkk1000.com/images/getImgData/arithmetic.png',
      'https://www.kkkk1000.com/images/getImgData/arithmetic2.gif',
      'https://www.kkkk1000.com/images/getImgData/getImgDataError.jpg',
      'https://www.kkkk1000.com/images/getImgData/arithmetic.gif',
      'https://www.kkkk1000.com/images/wxQrCode2.png',
    ];
    function loadImg(url) { 
      return new Promise((resolve, reject) => { 
        const img = new Image();
        img.onload = () => { 
          console.log('一张图片加载完成', url);
          resolve();
        };
        img.onerror = reject;
        img.src = url;
      });
    }
    function limitload(urls, limit) { 
    }
    limitload(urls, 2);

> 解法就是前 3 个放入一个外部的 promise 里同时进行，then 方法指定去请求后面的图片。

function limitload(urls, limit) { 
      let index = limit;
      function execNewPromise() { 
        index += 1;
        if (index < urls.length) { 
          return loadImg(urls[index]).then(() => execNewPromise());
        }
        
      }
      var promise = Promise.resolve();
      promise.then(() => { 
        for (let i = 0; i < limit; i++) { 
          loadImg(urls[i]).then(() => execNewPromise());  
        }
      });
      
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关【异步编程】Promise

Promise的基本用法创建promise对象 Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejec

分手后的思念是犯贱/ 2023年10月13日 17:23/ 0 赞/ 3 阅读

相关 uni-app 用Promise 封装项目异步请求

为什么要封装？原生的请求不支持Promise，只能使用 .then() 的方式； uni-app 的请求不能方便的添加 “请求中” 的效果，也就是等待中。。

Myth丶恋晨/ 2023年01月03日 14:01/ 0 赞/ 504 阅读

相关 promise异步请求

[https://blog.csdn.net/weixin\_42396884/article/details/89349136][https_blog.csdn.net_we

朴灿烈づ我的快乐病毒、/ 2022年12月22日 11:12/ 0 赞/ 204 阅读

相关异步请求之Promise.all和Promise.race

1.Promise.all 现有事件A、事件B、事件C 使用场景：某个动作需要在 A、B、C共同完成时才能执行，这时就可以使用 Promise.all Promise.a

墨蓝/ 2022年12月11日 05:24/ 0 赞/ 196 阅读

相关 promise处理并发请求

asyncPool=(poolLimit, array, iteratorFn)=> { let i = 0; const ret =

阳光穿透心脏的1/2处/ 2022年12月01日 01:23/ 0 赞/ 166 阅读

相关 promise并发

一、Pomise.all的使用 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结

柔光的暖阳◎/ 2022年09月11日 08:12/ 0 赞/ 147 阅读

相关 Promise并发做异步请求

并发做异步请求，限制频率 1. 举个例子，有 8 张图片 url，你需要并发去获取它，并且任何时刻同时请求的数量不超过 3 个。也就是说第 4 张图片一定是等前面那一批

比眉伴天荒/ 2022年08月30日 11:12/ 0 赞/ 167 阅读

相关使用Promise、axios封装ajax异步请求

先上代码（加载动画用的是Element UI组件） import axios from "axios" import Vue from 'vue' i

た入场券/ 2022年04月11日 02:40/ 0 赞/ 504 阅读

相关浅谈异步并发请求和请求合并

文章目录概述异步并发请求同步调用 future Co

Dear 丶/ 2021年10月19日 08:44/ 0 赞/ 448 阅读

相关异步编程——promise

异步编程——promise 定义 Promise是异步编程的一个解决方案，相比传统的解决方法——回调函数，使用Promise更为合理和强大，避免了回调函数之间的层层嵌套，...

测试账号/ 2021年01月09日 09:33/ 0 赞/ 777 阅读