Выполнение функции с Promise?

Question

[prolina]

function giveMeName() {
  var results = [];
  return arr.reduce(function(res, item) {
    return res ? res.then(function(res) {
      results.push(res);
      return item();
    }) : item();
  }, null).then(function(res) {
    results.push(res);
    return results;
  });
}

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

Comments

[dollar]

Советую приводить код к красивому виду до вставки в вопрос. Можно даже скриптом, достаточно загуглить что-нибудь типа "beautiful js" и тому подобное.

[Петр Мухуров]

Берет массив функций arr откуда-то сверху, бежит по нему и создает цепочку промисов, по ходу выполнения промисов пихает в массив results результаты, затем забирает последний результат, пихает в results и возвращает

const arr = [() => Promise.resolve(5), () => 6, () => 24]

причем первый элемент массива arr должен возвращать промис

const arr = [() => Promise.resolve(5), () => 6, () => 24]
giveMeName() // [5, 6, 24]

[prolina]

Петр Мухуров, то есть, сначала выполняется первое then для всех элементов массива ? Берется последний результат от первого then и добавляется в массив во 2ом then?

[prolina]

Петр Мухуров, И что будет в results на выходе? Массив с результами промисов?

[Петр Мухуров]

prolina, массив arr состоит из функций, дальше строится цепочка промисов, по ходу выполнения которой в массив results добавляются результаты выполнения этих функций, и в итоге в массиве results будут лежать результаты выполнения функций
А вообще код страшный, была бы понятна идея, для чего он написан, можно было бы сказать что-то конкретнее

[prolina]

Петр Мухуров, если у массива функций индексы 0, 1, 2. В каком порядке в results они будут лежать?

[Петр Мухуров]

prolina, в точно таком же порядке, цепочка промисов сохраняет последовательность выполнения

const arr = [
  () => new Promise(
    r => setTimeout(() => r("Petrov"), 1000)
  ),
  () => new Promise(
    r => setTimeout(() => r("Petr"), 1000)
  ),
  () => new Promise(
    r => setTimeout(() => r("Petrovich"), 1000)
  )
];

giveMeName().then(r => console.log(r.join(" "))) // Petrov Petr Petrovich

[prolina]

Петр Мухуров, давайте, чтобы уже наверняка))) Проходимся по массиву, создается цепочка промисов, результаты функций из arr пушатся в массив results (не переходим ко 2ому then, пока не пройдемся по всем элементам массива). Далее переходим ко 2ому then: берем последний результат выполнения функции из arr и пушаем в массив results? Возвращаем массив с результами выполнения функций массива arr в том же порядке, в котором они представлены в массиве

[Петр Мухуров]

prolina, нет) может, так понятнее будет: у нас есть массив с функциями, которые возвращают разные fetch-запросы

const fetch1 = () => fetch(url1).then(r => r.json());
const fetch2 = () => fetch(url2).then(r => r.json());
const arr = [fetch1, fetch2];

теперь, когда мы запустим функцию, произойдет следующее (по сути): создастся цепочка промисов
fetch1() -> пришел результат -> запушили в results -> fetch2() -> пришел результат -> запушили в results

[prolina]

Петр Мухуров, всё равно не поняла(( Давайте с примером из вопроса. Мы идем по массиву, получаем первый элемент массива, т.к. 2ой аргумент reduce - null, выполняется строка с кодом item();, результат выполнения item(); пушится в массив results во втором then? После берется второй элемент массива, для него уже срабатывает условие, результат выполнения пушится в массив?

[prolina]

Петр Мухуров, может Вы можете по пунктам расписать, что происходит? Буду очень признательна

[Aves]

prolina, второй then лишён смысла, reduce возвращает массив, а у массива нет метода then

[prolina]

Aves, я так понимаю, в этом примере нужно рассматривать вариант, что второй then сработает