已解決430363個問題，去搜搜看，總會有你想問的

在 Array.map 同步中使用異步函數

首頁猿問在 Array.map...

在 Array.map 同步中使用異步函數

JavaScript

喵喔喔 2023-04-14 16:40:19

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

查看完整描述

2 回答

慕尼黑的夜晚無繁華

TA貢獻1864條經驗獲得超6個贊

您的代碼是異步的。您可以自己輕松檢查。

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。

反對回復 2023-04-14

達令說

TA貢獻1821條經驗獲得超6個贊

async是返回承諾的函數的語法糖。

考慮這個簡單的例子：

async?function?ret42()?{
???return?42;
}

這相當于：

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

從這個角度來看，回調中的異步函數是同步的，直到遇到一個await（這是語法糖.then(() => ）。

如果您希望每個函數都執行完才能執行下一個函數，則必須使用for await, 或者只是：

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

反對回復 2023-04-14

2 回答
0 關注
302 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在 Array.map 同步中使用異步函數

在 Array.map 同步中使用異步函數

2 回答

添加回答