并发任务控制

最新推荐文章于 2024-08-27 13:38:21 发布

前端~初学者

最新推荐文章于 2024-08-27 13:38:21 发布

阅读量71

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/DZQ1223/article/details/129728298

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

文章介绍了一个名为`SuperTask`的类，该类用于管理并发任务，基于Promise实现。它能限制同时运行的任务数量，按顺序执行任务队列。当一个任务完成时，会释放一个并发槽位，允许下一个任务开始。示例展示了如何添加不同延迟时间的任务并控制它们的执行顺序。

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

function timeout(time) {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve()
        }, time)
    })
}

 class SuperTask {
    constructor(parallelCount = 2) {
        this.parallelCount = parallelCount;  // 并发数量
        this.runningCount = 0;  // 正在运行的任务数
        this.tasks = [];
    }
    add(task) {
        console.log(task);
        return new Promise((resolve, reject) => {
            this.tasks.push({
                task,
                resolve,
                reject
            })
            this._run()
        })
    }

   _run() {
        while(this.runningCount < this.parallelCount && this.tasks.length) {
            const { task, resolve, reject } = this.tasks.shift();
            this.runningCount++;
            task().then(resolve, reject).finally(() => {
                this.runningCount--;
                this._run();
            })
        }
    }
}

const superTask = new SuperTask();
function addTask(time, name) {
    superTask
        .add(() => timeout(time))
        .then(() => {
            console.log(`任务${name}完成`);
    })
}

addTask(10000, 1)  // 10000ms后输出：任务1完成
addTask(5000, 2)   // 5000ms后输出：任务2完成
addTask(3000, 3)   // 8000ms后输出：任务3完成
addTask(4000, 4)   // 12000ms后输出，任务4完成
addTask(5000, 5)   // 15000ms后输出：任务5完成