0

0

JavaScript中异步操作的并发限制

月夜之吻

月夜之吻

发布时间:2025-08-21 13:45:01

|

252人浏览过

|

来源于php中文网

原创

javascript异步操作的并发限制是通过控制同时执行的任务数量来保障系统稳定性和用户体验。1. 使用promise和async/await实现时,维护一个任务队列和运行任务计数器,根据最大并发数递归执行任务;2. 可借助第三方库如p-limit简化操作,通过包装任务函数自动管理并发;3. 也可使用队列库如async.queue进行任务调度。并发限制可避免服务器过载、客户端资源耗尽、请求拥塞等问题。选择合适的并发数需综合考虑服务器性能、网络状况、api限制和客户端性能等因素,通常通过压力测试逐步调整。并发限制不同于节流和防抖,其关注点在于控制同时运行的任务数量,而非事件触发频率。

JavaScript中异步操作的并发限制

JavaScript异步操作的并发限制,简单来说,就是控制同一时刻有多少个异步任务在执行,防止资源耗尽或请求拥塞。想象一下,你一下子发起了100个网络请求,服务器可能会崩溃,浏览器也可能卡死。并发限制就是为了避免这种情况。

JavaScript中异步操作的并发限制

控制并发数量,保证系统稳定性和用户体验。

如何在JavaScript中实现异步并发限制?

实现并发限制的方法有很多,核心思想都是维护一个任务队列,以及一个正在执行的任务计数器。当计数器小于最大并发数时,就从队列中取出任务执行,任务完成后计数器减一。

立即学习Java免费学习笔记(深入)”;

JavaScript中异步操作的并发限制

1. 使用Promise和async/await:

这是最常见也是最优雅的方式。我们可以创建一个控制并发的函数:

JavaScript中异步操作的并发限制
async function limitConcurrency(tasks, concurrency) {
  const queue = [...tasks]; // 复制一份任务数组,避免修改原数组
  const results = [];
  let running = 0;

  return new Promise((resolve, reject) => {
    const runTask = async () => {
      if (queue.length === 0 && running === 0) {
        resolve(results);
        return;
      }

      if (running < concurrency && queue.length > 0) {
        running++;
        const task = queue.shift();
        try {
          const result = await task();
          results.push(result);
        } catch (error) {
          reject(error); // 任何任务失败,直接reject
        } finally {
          running--;
          runTask(); // 递归调用,继续执行任务
        }
      }
    };

    // 初始启动并发数量的任务
    for (let i = 0; i < concurrency && i < tasks.length; i++) {
      runTask();
    }
  });
}

// 示例:
const tasks = Array.from({ length: 10 }, (_, i) => () => {
  return new Promise(resolve => {
    const delay = Math.random() * 1000; // 模拟不同任务耗时
    setTimeout(() => {
      console.log(`Task ${i + 1} finished after ${delay.toFixed(0)}ms`);
      resolve(`Result of task ${i + 1}`);
    }, delay);
  });
});

limitConcurrency(tasks, 3) // 限制并发数为3
  .then(results => {
    console.log("All tasks completed:", results);
  })
  .catch(error => {
    console.error("An error occurred:", error);
  });

这个例子中,

limitConcurrency
函数接收一个任务数组和一个并发数作为参数。它使用一个
running
变量来记录正在执行的任务数量,并递归调用
runTask
函数来启动新的任务。当所有任务都完成时,Promise resolve。如果任何任务失败,Promise reject。注意这里的错误处理,任何任务失败都会直接拒绝整个Promise,这是一种策略,你可以根据需求修改。

2. 使用第三方库:

方科网络ERP图文店
方科网络ERP图文店

方科网络ERP图文店II版为仿代码站独立研发的网络版ERP销售程序。本本版本为方科网络ERP图文店版的简化版,去除了部分不同用的功能,使得系统更加精炼实用。考虑到图文店的特殊情况,本系统并未制作出入库功能,而是将销售作为重头,使用本系统,可以有效解决大型图文店员工多,换班数量多,订单混杂不清的情况。下单、取件、结算分别记录操作人员,真正做到订单全程跟踪!无限用户级别,不同的用户级别可以设置不同的价

下载

有很多第三方库可以简化并发控制,比如

p-limit

const pLimit = require('p-limit');

const limit = pLimit(3); // 限制并发数为3

const tasks = Array.from({ length: 10 }, (_, i) => () => {
  return new Promise(resolve => {
    const delay = Math.random() * 1000;
    setTimeout(() => {
      console.log(`Task ${i + 1} finished after ${delay.toFixed(0)}ms`);
      resolve(`Result of task ${i + 1}`);
    }, delay);
  });
});

(async () => {
  const results = await Promise.all(tasks.map(task => limit(task)));
  console.log("All tasks completed:", results);
})();

p-limit
库提供了一个简单的
limit
函数,它可以包装你的异步任务,并自动控制并发数。使用起来非常方便。

3. 使用队列库:

async.queue
这样的库也提供了并发控制的功能。

为什么要限制并发?

  • 避免服务器过载: 大量并发请求可能会压垮服务器,导致服务不可用。
  • 保护客户端资源: 浏览器或客户端的资源是有限的,过多的并发请求会导致卡顿甚至崩溃。
  • 防止请求拥塞: 某些API可能有请求频率限制,并发控制可以避免超出限制。
  • 提高用户体验: 通过控制并发,可以保证每个请求都能及时响应,提高用户体验。

如何选择合适的并发数?

并发数的选择取决于多个因素:

  • 服务器性能: 服务器的CPU、内存、带宽等资源决定了其能承受的并发数。
  • 网络状况: 网络延迟会影响请求的响应时间,需要适当调整并发数。
  • API限制: 某些API可能有请求频率限制,需要遵守这些限制。
  • 客户端性能: 客户端的性能也会影响并发数的选择。

一般来说,可以通过压力测试来确定最佳的并发数。可以先从一个较低的并发数开始,然后逐渐增加,直到服务器或客户端出现瓶颈。

并发限制和节流、防抖的区别

并发限制主要关注的是同一时刻正在执行的任务数量,而节流和防抖关注的是事件触发的频率。

  • 并发限制: 控制并发执行的任务数量。
  • 节流: 在一段时间内,只执行一次函数。
  • 防抖: 在事件停止触发一段时间后,才执行函数。

它们解决的是不同的问题,但有时可以结合使用。例如,可以使用节流来限制事件触发的频率,然后使用并发限制来控制处理事件的任务数量。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

306

2023.10.12

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

406

2023.10.12

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

30

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

13

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

26

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

2

2026.01.31

漫画防走失登陆入口大全
漫画防走失登陆入口大全

2026最新漫画防走失登录入口合集,汇总多个稳定可用网址,助你畅享高清无广告漫画阅读体验。阅读专题下面的文章了解更多详细内容。

8

2026.01.31

php多线程怎么实现
php多线程怎么实现

PHP本身不支持原生多线程,但可通过扩展如pthreads、Swoole或结合多进程、协程等方式实现并发处理。阅读专题下面的文章了解更多详细内容。

1

2026.01.31

php如何运行环境
php如何运行环境

本合集详细介绍PHP运行环境的搭建与配置方法,涵盖Windows、Linux及Mac系统下的安装步骤、常见问题及解决方案。阅读专题下面的文章了解更多详细内容。

0

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 8.2万人学习

Django 教程
Django 教程

共28课时 | 3.7万人学习

Pandas 教程
Pandas 教程

共15课时 | 1.0万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号