Как правильно обработать массив с вызовом асинхронной функции?

Question

[Антон Антон]

Пытаюсь разобраться с promise и вызовом асинхронной функции в цикле.
Не получается сделать так, чтобы результатом reduce был промис, который должен выполниться в самом конце

arr = [1,2,3,4,5];

function timeout(val){
    return new Promise((resolve, reject)=>{
        setTimeout(()=>{
            console.log(val);
            resolve();
        }, 500);
    });
}

arr.reduce((prev, curr, index, arr)=>{
    return prev.then((res)=>{
        return timeout(curr);
    });
}, Promise.resolve())
        .then(console.log('res'));

почему-то выводит res в начале, а потом уже содержимое массива:

res
1
2
3
4
5

Answer 1

[Aves]

В метод then аргументом нужно функцию передавать() => console.log('res') ну или console.log.bind(console, 'res')

Comments

[Антон Антон]

Да, сам заметил. Банальная невнимательность, а потратил несколько часов, крутя другие части кода :(

[Aves]

Fragster: бывает, да и конструкция плохо читается. С async/await полегче выглядит:

(async () => {
  for (const val of arr) {
    await timeout(val);
  }
  console.log('res');
})();

[Антон Антон]

Aves: ну, это только в бета версии node 8.0 работает, у меня LTS версия - 6.9.5