当前位置：首页 > news >正文

前端js实现按添加顺序返回并发异步任务的执行结果

news 2026/7/2 21:47:20

题目：N个并发任务，异步执行，按照任务的添加顺序返回执行结果，而不是谁先执行完返回谁，保证并发任务的执行顺序。

给定下面的代码，要求实现ConRequests类。

//模拟异步请求functionmockRequest(name,delay){returnnewPromise((resolve)=>{setTimeOut(()=>{resolve(`任务{name}完成`)},delay)})}constrequests=newConRequests()constreq1=requests.add(mockRequest('A',3000))constreq2=requests.add(mockRequest('B',1000))constreq3=requests.add(mockRequest('C',2000))req1.then(console.log)//.then() 接收的是一个函数引用。等价于request1.then(（(result)=>console.log(result));req2.then(console.log)req3.then(console.log)//输出：//任务A完成//任务B完成//任务C完成

思路：
// 使用一个队列（数组）来记录所有已添加的任务 Promise。
// 维护一个 currentIndex 表示当前应返回第几个结果。
// 每个 Promise 完成后，将其结果存入一个结果数组。
// 一旦前面的结果都已就绪，就按顺序 resolve 对应的包装 Promise。

classConRequests{constructor(){this.requests=[]//存放请求{promise, resolve, reject}this.results=[]//存放执行结果this.currentIndex=0//当前能释放结果的索引}add(promise){returnnewPromise((resolve,reject)=>{//index作用：// 保证任务 A（index=0）、任务 B（index=1）、任务 C（index=2）的requests/results下标严格对应；// 即使 B 先完成（results[1] = 结果），但results[0]还是null（A 未完成），tryRelease会卡在currentIndex=0，直到 A 完成后才会依次释放 A、B、C。constindex=this.requests.lengththis.results[index]=null//占位，避免下标错乱this.requests.push(promise,resolve,reject)promise.then((result)=>{this.results[index]=result//更新结果this.tryRelease()//尝试释放已完成的连续结果}).catch((err)=>{this.results[index]=errthis.tryRelease()})})}tryRelease(){while(this.currentIndex<this.requests.length&&this.results[this.currentIndex]!==null){constresult=this.results[this.currentIndex]const{resolve,reject}=this.requests[this.currentIndex]if(resultinstanceofError){reject(result)}else{resolve(result)}this.currentIndex++}}}