0

Имеется 2 обычных функции , f1() и f2(). Вторая должна выполнится после окончания выполнения первой . Правильным ли является решение снизу или есть более короткий путь решения без Promise.resolve()?

Promise.resolve()
.then(f1)
.then(f2)
.catch(error => console.log(error));

2
  • 2
    что значит 2 обычных функции?
    – Grundy
    25 дек 2018 в 8:51
  • 3
    Если функции выполняются синхронно (вполне себе обычные), то короткий путь: f1(); f2();
    – Regent
    25 дек 2018 в 9:03

1 ответ 1

1

Если есть вопрос по порядку выполнения, полагаю, что "обычные функции" - асинхронные, т.е., в том числе, возвращающие promise.
В этом случае предложенный вариант самый короткий и кросс-браузерный.
Есть еще такой.

function f1() {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log('f1 done');
      resolve('f1');
    }, 2000);

  });
}

function f2() {
  return new Promise((resolve) => {
    setTimeout(() => {
     console.log('f2 done');
     resolve('f2')
    }, 1000);
  });
}


(async () => {
  await f1();
  await f2();
})()

6
  • 1
    если возвращает Promise, То самый короткий будет f1().then(f2)
    – Grundy
    25 дек 2018 в 9:07
  • Согласен. Усложнил. Promise.resolve предполагает наличие данных, но их можно также в качестве аргумента первой функции задать. Я так думаю.
    – eustatos
    25 дек 2018 в 9:10
  • @Grundy если написать f1().then(f2), то функция f1 может выкинуть обычное исключение вместо возврата rejected-промиза. В итоге обработку исключений придется дублировать. 25 дек 2018 в 9:22
  • @PavelMayorov, все зависит от содержимого функций
    – Grundy
    25 дек 2018 в 9:34
  • Скажем так : первая функция синхронная , выполняет загрузку данных в стейт из локального хранилища (state.data=localStorage.getItem(“data”);). Этот процесс может быть длинным и блокировать поток , правильно ? Нужно что бы 2 операция выполнилась только после окончания первой 25 дек 2018 в 9:48

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.