在 Array.map 同步中使用异步函数

Question

processImage()是一个异步处理图像的函数。uploadImage()是一个异步上传图片的函数。他们都返回承诺。sizes是长度为4的数组。图像应仅在处理后上传。单一尺寸的上传和处理不能并行进行。我想要做的是一个接一个地立即启动所有 4 个处理/上传作业，并让它们一起异步执行。一旦所有 4 个都完成，我将执行一些其他代码。由于我将异步函数作为参数传递给映射，await其中的关键字是否会暂停执行直到第一张图像的处理/上传完成？在这种情况下，这将成为同步执行。我不明白这里到底发生了什么。如果这段代码确实是同步的，我该如何让它异步呢？var responses = await Promise.all(sizes.map(async function (size) {        let processedBuffer = await processImage(buffer, size);        let response = await uploadImage(processedBuffer.toString('base64'));        return response;    }));//some other code

Answer 1

您的代码是异步的。您可以自己轻松检查。

const mockAsyncFn = () =>

    new Promise(resolve => setTimeout(() => resolve(), 2000));

const someAsync = async () => {

    const from = new Date();

    await Promise.all(

        [mockAsyncFn, mockAsyncFn].map(async fn => await fn())

    );

    const to = new Date();

    return to - from;

};

(async () => console.log(await someAsync()))();

结果将是 ~2s 但不是 4。

Answer 2

async是返回承诺的函数的语法糖。

考虑这个简单的例子：

async function ret42() {
   return 42;
}

这相当于：

function ret42() {
   return Promise.resolve(42);
}

从这个角度来看，回调中的异步函数是同步的，直到遇到一个await（这是语法糖.then(() => ）。

如果您希望每个函数都执行完才能执行下一个函数，则必须使用for await, 或者只是：

for (const fn of sizes) {
 await fn();
}