js手写并发请求控制

最新推荐文章于 2024-04-16 16:17:27 发布

阿豆️

最新推荐文章于 2024-04-16 16:17:27 发布

阅读量196

点赞数 2

分类专栏： js常用算法 js手写汇总文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Dou_Hua6/article/details/137587646

版权

js手写汇总同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

js常用算法

12 篇文章 0 订阅

订阅专栏

文章介绍了如何使用Promise和微任务机制创建一个limit函数，该函数限制并发执行的任务数，确保任务按照给定的count参数以最大并发数执行。通过`Promise.resolve().then`将任务添加到微任务队列，并在任务完成后从doingTasks中移除。

摘要由CSDN通过智能技术生成

关键点

1. new promise 一经创建，立即执行
1. 使用 Promise.resolve().then 可以把任务加到微任务队列，防止立即执行迭代方法
1. 微任务处理过程中，产生的新的执行微任务，会在同一事件循环内，追加到微任务队列里
1. 使用 race 在某个任务完成时，继续添加任务，保持任务按照最大并发数进行
1. 任务完成后，需要从 doingTasks 中移出

function limit (count, array, iterateFunc) {
    const tasks = [];
    const doingTasks = [];
    let i = 0;
    const enqueue = () => {
        if (i === array.length) {
            return Promise.resolve();
        }
        const task = Promise.resolve().then(() => iterateFunc(array[i++]));
        tasks.push(task);
        const doing = task.then(() => doingTasks.splice(doingTasks.indexOf(task), 1));
        doingTasks.push(doing);
        const res = doingTasks.length >= count ? Promise.race(doingTasks) : Promise.resolve();
        return res.then(enqueue);
    };
    return enqueue().then(() => Promise.all(tasks));
}

测试

const timeout = i => new Promise(resolve => setTimeout(() => {
    resolve(i);
}, i));

limit(3, [1000, 2000, 3000, 4000, 5000, 6000], timeout).then((res) => {
  console.log("最后的所有结果汇总--res---", res);
});