Async/Await 如何实现各自执行

Question

function getTimeOut1() {    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('===5000ms===');
        }, 5000);
    });
}function getTimeOut2() {    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('===2000ms===');
        }, 2000);
    });
}

如何用async/await实现这种(分头执行)的效果：

getTimeOut1().then(res => {    console.log(res);
});

getTimeOut2().then(res => {    console.log(res);
});

• 普通的await会等a的返回结果出来再执行b ---> 8000ms+

const a = await getTimeOut1();const b = await getTimeOut2();

• 用Promise.all([...p])的形式，虽然是并行操作，但会等最慢的一次执行完才会返回结果。---> 5000ms+

所以没有想明白如何用async/await实现常规的并行回调。

Answer 1

async function logInOrder(urls) {  // 并发读取远程URL   const textPromises = urls.map(async url => {    const response = await fetch(url);    return response.text();   });  // 按次序输出   for (const textPromise of textPromises) {    console.log(await textPromise);   } }上面代码中，虽然map方法的参数是async函数，但它是并发执行的，因为只有async函数内部是继发执行，外部不受影响。后面的for..of循环内部使用了await，因此实现了按顺序输出。希望这个答案可以帮到你，谢谢采纳意见！