在JavaScript编程中，批量请求函数`multiRequest(urls, maxNum)`是一个常见的面试题目，它涉及到异步编程、并发控制和数组处理等核心概念。这个函数的主要任务是发起一系列HTTP请求，同时确保并发数量不超过`maxNum`，并且返回的结果按照输入URL数组`urls`的顺序输出。
我们需要理解`urls`参数是一个包含多个请求地址的数组，而`maxNum`参数定义了最大的并发请求数。为了实现这样的功能，我们可以使用Promise和异步操作来构建解决方案。Promise可以帮助我们管理异步操作的状态，而异步控制可以使用各种策略，如Promise.allSettled()、async/await或事件循环机制。
一种可能的实现方式是使用Promise.all()和一个队列来控制并发数。我们可以创建一个内部队列来存储未发送的请求，然后使用一个计数器来跟踪当前正在进行的请求数。当计数器小于`maxNum`时，我们可以从队列中取出一个URL并发起请求。每次请求完成时，计数器减一，并检查队列是否还有更多请求，如果有，则继续发起新的请求。
以下是一个可能的实现示例：
```javascript
function multiRequest(urls, maxNum) {
let counter = 0;
const result = [];
const queue = urls.slice();
return new Promise((resolve, reject) => {
function sendNextRequest() {
if (queue.length === 0 || counter >= maxNum) {
return;
}
const url = queue.shift();
counter++;
fetch(url)
.then(response => {
result.push({ url, response });
counter--;
sendNextRequest();
})
.catch(error => {
result.push({ url, error });
counter--;
sendNextRequest();
});
}
sendNextRequest();
Promise.all(result.map(promise => promise))
.then(() => resolve(result))
.catch(reject);
});
}
```
在这个实现中，`fetch(url)`用于发起HTTP请求，返回一个Promise，当请求完成时，Promise解析为响应对象。如果请求失败，Promise将被拒绝，并捕获到错误。每次请求完成后，都会调用`sendNextRequest()`来检查并发送下一个请求，直到队列为空且并发计数器降为0。
我们使用`Promise.all(result.map(promise => promise))`等待所有请求完成，然后解决整个Promise。如果在过程中出现错误，Promise将被拒绝。
在实际应用中，你可能会遇到需要适配不同类型的请求（如axios、jQuery的ajax等），或者需要添加超时、重试等额外逻辑。此外，对于大型项目，可能还需要考虑错误处理和性能优化，例如使用axios的`cancelToken`来取消未完成的请求，或者使用`AbortController` API来中断请求。
以上就是关于`multiRequest`函数实现的详细解析，它涉及到了JavaScript中的异步编程、并发控制、Promise以及队列数据结构的应用。通过理解这个面试题的解决方案，开发者可以更好地掌握JavaScript的核心特性和实际应用。
JSRun_YEwKp.zip （2个子文件） 
main.js 3KB
README.txt 660B
