js怎么实现异步并行
异步并行实现方法
在JavaScript中实现异步并行操作通常涉及以下几种方法：
Promise.all()
使用Promise.all()可以并行执行多个Promise，并在所有Promise都完成后获取结果。该方法接收一个Promise数组作为参数，返回一个新的Promise。
const promise1 = fetch('url1');
const promise2 = fetch('url2');
const promise3 = fetch('url3');
Promise.all([promise1, promise2, promise3])
.then(values => {
console.log(values); // 所有Promise的结果数组
})
.catch(error => {
console.error(error); // 任一Promise失败时触发
});async/await结合Promise.all()
在async函数中可以使用await与Promise.all()结合，使代码更清晰。
async function parallelTasks() {
const [result1, result2] = await Promise.all([
fetch('url1'),
fetch('url2')
]);
console.log(result1, result2);
}Promise.allSettled()
与Promise.all()不同，Promise.allSettled()会等待所有Promise完成（无论成功或失败），返回每个Promise的状态和结果。
Promise.allSettled([promise1, promise2])
.then(results => {
results.forEach(result => {
if (result.status === 'fulfilled') {
console.log(result.value);
} else {
console.error(result.reason);
}
});
});并行循环
使用map结合Promise.all()可以实现并行循环。
const urls = ['url1', 'url2', 'url3'];
const promises = urls.map(url => fetch(url));
Promise.all(promises)
.then(responses => {
// 处理所有响应
});第三方库
一些第三方库如async.js提供了更丰富的并行控制功能。
const async = require('async');
async.parallel([
callback => { /* 任务1 */ },
callback => { /* 任务2 */ }
], (err, results) => {
// 所有任务完成后的回调
});注意事项
- 并行操作会同时发起多个请求，需要注意服务器负载和浏览器并发限制
- 错误处理要完善，特别是使用Promise.all()时任一Promise失败会导致整体失败
- 对于大量并行任务，可以考虑使用分批次处理或限制并发数
