Как сделать таймаут в цикле?

Question

[jeruthadam]

Есть асинхронная функция (которая качает картинку), есть массив данных с ссылками. Надо последовательно выполнять запросы (не одновременно) и делать таймаут между ними.

Для прохода по массиву использую for...of. Но как сделать таймаут между вызовами функции? Внутри цикла не работает setTimeout (все выполняется наоборот одновременно)

for (const item of array) {
  await processImage(image, name)
}

Answer 1

[0xD34F]

Внутри цикла не работает setTimeout

Работает, если завернуть его в промис и await'ить:

(async () => {
  for (const n of [ 1, 2, 3, 4, 5 ]) {
    console.log(n);
    await new Promise(r => setTimeout(r, 1000));
  }
})();

Можно и без await'а, если отказаться от цикла и сделать цепочку promise'ов:

[ 1, 2, 3, 4, 5 ].reduce((promise, n) => promise
  .then(() => console.log(n))
  .then(() => new Promise(r => setTimeout(r, 1000)))
, Promise.resolve());

Comments

[jeruthadam]

А где тогда выполнять processImage?

[jeruthadam]

Это не работает

await new Promise(r => setTimeout(processImage(image, name), 5000))

Мне надо выполнять функцию и передавать в нее аргументы!

[jeruthadam]

Понял, все работает

const downloadImage = await processImage(image, name)
await new Promise(r => setTimeout(r, 5000))

Крутой трюк, спасибо!