使用JS实现一个任务队列_javascript异步-js教程-PHP中文网

使用JS实现一个任务队列_javascript异步

狼影

发布： 2025-11-01 15:51:24

原创

817人浏览过

任务队列可控制异步执行顺序与并发数，提升稳定性；示例中TaskQueue类限制2个并发任务，按序执行5个延时请求，支持扩展优先级和重试机制。

使用js实现一个任务队列_javascript异步

在 JavaScript 中，任务队列常用于管理异步任务的执行顺序，比如多个 API 请求、定时操作或资源加载。通过控制任务的并发数量和执行时机，可以避免资源竞争或服务器压力过大。下面是一个简单但实用的异步任务队列实现。

基本结构：任务队列类

我们创建一个 TaskQueue 类，支持添加异步任务，并控制最大并发数。

class TaskQueue {
  constructor(concurrency = 1) {
    this.concurrency = concurrency;
    this.running = 0;
    this.queue = [];
  }

  add(task) {
    return new Promise((resolve, reject) => {
      this.queue.push({ task, resolve, reject });
      this.next();
    });
  }

  next() {
    if (this.running >= this.concurrency || this.queue.length === 0) return;
    const { task, resolve, reject } = this.queue.shift();
    this.running++;
    task()
      .then(resolve, reject)
      .finally(() => {
        this.running--;
        this.next();
      });
  }
}

使用示例：模拟异步请求

假设我们要按顺序发起多个延时请求，限制同时最多运行两个任务。

输出结果会显示任务按并发上限逐步执行，不会一次性全部启动。

立即学习“Java免费学习笔记（深入）”；

扩展功能：支持优先级或重试机制

你可以增强队列功能，例如为任务添加优先级字段，使用 sort() 调整执行顺序；或者在 catch 中实现自动重试逻辑。

一键职达

AI全自动批量代投简历软件，自动浏览招聘网站从海量职位中用AI匹配职位并完成投递的全自动操作，真正实现'一键职达'的便捷体验。

查看详情

比如修改 add 方法支持优先级：

add(task, priority = 0) {
  return new Promise((resolve, reject) => {
    this.queue.push({ task, resolve, reject, priority });
    this.queue.sort((a, b) => b.priority - a.priority); // 高优先级先执行
    this.next();
  });
}

这样可以根据业务需求动态调整任务执行顺序。

基本上就这些。这个任务队列轻量且可扩展，适用于控制异步操作的节奏，提升应用稳定性。

以上就是使用JS实现一个任务队列_javascript异步的详细内容，更多请关注php中文网其它相关文章！