Как дождаться результатов нескольких запросов к серверу и выполнить действие на их основе? Какие методы Promise для этого существуют?

Когда нужно выполнить несколько независимых запросов к серверу, важно запускать их параллельно, а не последовательно — иначе общее время будет суммой задержек. Для этого в JavaScript есть статические методы объекта Promise, каждый из которых решает свою задачу.

Основные методы Promise

• Promise.all — ждёт выполнения всех промисов и возвращает массив результатов в том же порядке. Если хотя бы один промис отклонён, весь Promise.all отклоняется с этой ошибкой.
• Promise.allSettled — ждёт завершения всех промисов и возвращает массив объектов со статусом fulfilled или rejected. Ошибки не прерывают выполнение.
• Promise.race — возвращает результат первого завершившегося промиса (успешного или с ошибкой).
• Promise.any — возвращает результат первого успешного промиса, игнорируя ошибки, пока не останется ни одного.

Пример с Promise.all

async function loadDashboard() {
  const [user, posts, comments] = await Promise.all([
    fetch('/api/user').then(r => r.json()),
    fetch('/api/posts').then(r => r.json()),
    fetch('/api/comments').then(r => r.json())
  ]);
  render(user, posts, comments);
}

// Если один запрос упадёт — весь Promise.all отклонится
loadDashboard().catch(err => console.error('Ошибка загрузки', err));

Пример с Promise.allSettled

const results = await Promise.allSettled([
  fetch('/api/a'),
  fetch('/api/b'),
  fetch('/api/c')
]);

results.forEach(r => {
  if (r.status === 'fulfilled') console.log('OK', r.value);
  else console.warn('Fail', r.reason);
});

Метод Promise.all удобен, когда все данные критичны и без любого из них страница не имеет смысла. Promise.allSettled подходит для необязательных блоков, где часть данных может отсутствовать. Promise.race часто используют для таймаутов, а Promise.any — когда достаточно первого успешного источника.

Итог: для параллельной загрузки нескольких запросов применяйте Promise.all с async/await, а если нужно устойчиво обработать частичные ошибки — Promise.allSettled.