Promise控制同时请求的数量

控制同时进行的请求数量代码实现

js 复制代码
async function runWithConcurrency(tasks, maxConcurrent) {  
    const results = []; // 存放所有任务的最终结果(Promise)  
    const activeTasks = []; // 当前正在执行的任务对应的Promise(用于跟踪)  

    for (const task of tasks) {  
        // 1. 创建代表当前任务的Promise。`() => task()` 确保任务在需要时才启动  
        const taskPromise = Promise.resolve().then(task);  
        results.push(taskPromise); // 保存结果,最后统一用 Promise.all 等  

        // 2. 创建任务完成后的清理操作:从 activeTasks 中移除自己  
        const removeFromActive = () => activeTasks.splice(activeTasks.indexOf(removeFromActive), 1);  
        activeTasks.push(removeFromActive); // 注意:这里存的是清理函数对应的Promise  

        // 3. 如果当前活跃任务数已达上限,就等任意一个完成  
        if (activeTasks.length >= maxConcurrent) {  
            await Promise.race(activeTasks); // 等 activeTasks 数组里任意一个Promise完成  
        }  

        // 4. 将清理操作与实际任务完成挂钩  
        taskPromise.then(removeFromActive, removeFromActive); // 无论成功失败都清理  
      }  

    // 5. 等待所有任务完成(无论是否在活跃池中)  
    return Promise.allSettled(results); // 或者用 Promise.all(results) 只关心成功  
}  

// 使用示例  
const userIds = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];  
const tasks = userIds.map(id =>() => (id));  

// 最多同时发出 3 个请求  
runWithConcurrency(tasks, 3).then(results => {  
    console.log('所有用户获取完成 (并发控制):', results);  
});
  • 这个函数会确保最多只有maxConcurrent个请求同时在进行。
  • 当一个请求完成,池子里有空位了,才会开始下一个请求。
相关推荐
jktantan5 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
总要学点什么5 小时前
第89篇:三维特效-螺旋圆效果——让螺旋臂卷起一圈圈外扩的涟漪
开发语言·javascript·ecmascript·webgl·cesium·空间分析·1024程序员节
2601_962885726 小时前
quotes 字段全解:涨跌幅、振幅、换手率的口径与单位
java·前端·spring
excel6 小时前
encodeURI 和 encodeURIComponent 有什么区别?
前端
前端精髓6 小时前
调用openrouter的免费API模型
java·前端·javascript
赛博守夜人7 小时前
AI安全攻防与治理之十四:AI 安全测试不能脱离传统安全,Web、API、移动端与模型攻击面的组合拳
前端·人工智能·安全
开开心心_Every7 小时前
快速隐藏程序工具自定义快捷键一键切换
java·开发语言·前端·spring·智能手机·word·intellij-idea
networknomad7 小时前
OpenReplay:自己搭的会话回放工具,给前端排错用的
前端·其他
缓慢更新8 小时前
AI 辅助生成单测:从接口定义到用例的流水线
java·服务器·前端·网络·数据库·人工智能
陈随易9 小时前
AI 运维服务器,安全又可靠的方法
前端·后端·程序员