前端并发思路-北京尧图网络

看了前端很多文章我感觉并发不应该只是控制几个接口去发送应该考虑到每个接口完成的时间是不同的所以今天我试着写了一个如果并发中接口完成了请求就继续发送其他接口的js 简单测试了一下感觉没问题还请各位提个建议!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script srchttp://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js/script script const endpoints [ () $.ajax({ url: https://jsonplaceholder.typicode.com/todos/1, method: GET, dataType: json, }), () $.ajax({ url: https://jsonplaceholder.typicode.com/todos, method: GET, dataType: json, }), () $.ajax({ url: https://jsonplaceholder.typicode.com/photos, method: GET, dataType: json, }), () $.ajax({ url: https://dog.ceo/api/breeds/image/random111, method: GET, dataType: json, }), () $.ajax({ url: https://jsonplaceholder.typicode.com/todos/4, method: GET, dataType: json, }), () $.ajax({ url: https://jsonplaceholder.typicode.com/todos/5, method: GET, dataType: json, }), ]; function parallelLimit(taskFns, limit) { const length taskFns.length; // 1) 空数组快速返回 if (length 0) return Promise.resolve([]); // 2) 并发数校验 if (!Number.isInteger(limit) || limit 1) { return Promise.reject(new Error(并发数必须为正整数)); } //3) 判断当前执行结果会有多少个 const results new Array(length); let completed 0; //记录执行了多少次 let nextIndex 0; //记录下一次执行的索引 return new Promise((resolve, reject) { // 创建runNext函数 function runNext() { // 如果下一次执行的索引大于等于数组长度返回 if (nextIndex length) return; // 获取当前执行的索引 const current nextIndex; Promise.resolve() // 开始执行任务 .then(() taskFns[current]()) // 成功后走这里 .then((res) { results[current] { status: 成功, res }; completed; }) //失败后走这里 .catch((error) { results[current] { status: 失败, error }; completed; }) // 无论成功还是失败都会走这里 .finally(() { if (completed length) { resolve(results); } else { runNext(); } }); } // 判断一下limit 是否大于length const starters Math.min(limit, length); for (let i 0; i starters; i) runNext(); }); } function main() { const concurrency 2; console.log(开始请求, 并发数 , concurrency); parallelLimit(endpoints, concurrency).then((results) { console.log(全部完成, 结果如下:); console.log(results); }); } main(); /script /body /html

前端并发思路

相关推荐

赋能采购革新：星合智联如何为企业开启TI芯片直采数字化新体验？

三步上手跨平台电子书阅读器 Thorium Reader：开源桌面阅读软件体验手记

如何永久保存微信聊天记录？WeChatMsg免费导出与年度报告完整指南

更多资讯

Imatest图像质量分析：从ColorChecker色表到噪声与MTF的工程化诊断

Win11+WSL2+Docker深度学习环境部署与GPU直通实践

Flink Watermark 源码解析：窗口不触发与状态堆积排查

APB总线SM4密码协处理器：即插即用国密硬件IP

cloudflare-os 实战：Workers 边缘部署与 AI Agent 编排指南

企业AI落地卡在数据与知识？双治理实战路径与避坑指南

今日更新

微信个人号API开发案例：图片/语音/视频消息怎么下载解析存到本地？

Python股票自动交易系统源码解析：从行情获取到风控的完整链路

视酷酷信IM源码部署指南：Java 17+MySQL 8.0.33实战配置

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？