Как выполнить несколько запросов асинхронно?

Question

[Константин]

Сейчас каждый запрос дожидается ответа от другого:

public async loadStatistic() {
  this.a= await this.applicationService.getA();
  this.b= await this.applicationService.getB();
  this.c= await this.applicationService.getC();
}

Comments

[Константин]

Я так понимаю решением будет вынести каждый вызов await в отдельную async функцию?

[G F]

Константин, это ты в ангуляре на промисах пишешь?

[Константин]

G F, намек понял - тогда убрать toPromise?

[G F]

Константин, да я без намека спросил, думал у тебя проект с промисами, стало интересно. но если ты просто учишь, то тогда конечно юзай rxjs

[Константин]

G F, как тогда сделать - чтобы каждый запрос работал независимо и не дожидался другого?

[G F]

Константин, они итак не будут

[Константин]

Константин, так? `this.applicationService.getA().subscribe((res) => {})?`

[G F]

В rxjs несколько другой стиль. Реактивное программирование. Работа с потоками данных, а не с конкретными значениями и т. д.

[G F]

В общем, увидишь

[Константин]

G F, можно пример?

[Константин]

Константин, Судя по всему нужен combineLatest()

Answer 1

[Виктор П.]

Могу ошибиться, проверьте так:

public async loadStatistic() {
  let aa= this.applicationService.getA();
  let bb= this.applicationService.getB();
  let cc= this.applicationService.getC();

  await Promise.all(aa, bb, cc); // ждём выполнения всех

  this.a = await aa; //вызова не должно быть, отдаст ранее полученный результат
  this.b = await bb;
  this.c = await cc;
}

Comments

[Константин]

Похоже на то! В если подпитсаться на Promise.all то придется ждать пока каждый выполнится?

[Виктор П.]

Константин, да, но выполняются они параллельно