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

Когда мы говорим о выполнении нескольких промисов параллельно в JavaScript, основным инструментом, который мы используем, является метод Promise.all(). Этот метод позволяет нам запускать несколько промисов одновременно и ждать, пока все они будут завершены. Давайте разберёмся, как это работает, и рассмотрим примеры и альтернативы.

Основы работы с Promise.all()

Promise.all() принимает массив промисов и возвращает новый промис, который:

• Решается (fulfilled), если все переданные промисы успешно завершились. В этом случае возвращается массив результатов всех промисов в том же порядке, в котором они были переданы.
• Отклоняется (rejected), если хотя бы один из промисов завершился с ошибкой. В этом случае возвращается ошибка первого отклонённого промиса.

Пример использования Promise.all()

Предположим, у нас есть три асинхронные функции, которые возвращают промисы:

function fetchDataA() {
    return new Promise((resolve) => {
        setTimeout(() => resolve('Data A'), 1000);
    });
}

function fetchDataB() {
    return new Promise((resolve) => {
        setTimeout(() => resolve('Data B'), 1500);
    });
}

function fetchDataC() {
    return new Promise((resolve) => {
        setTimeout(() => resolve('Data C'), 500);
    });
}

Promise.all([fetchDataA(), fetchDataB(), fetchDataC()])
    .then((results) => {
        console.log(results); // ['Data A', 'Data B', 'Data C']
    })
    .catch((error) => {
        console.error('Error:', error);
    });

Альтернативы Promise.all()

Хотя Promise.all() является мощным инструментом, существуют и другие методы для выполнения нескольких промисов параллельно:

1. Promise.allSettled():

   • Этот метод принимает массив промисов и возвращает промис, который разрешается, когда все промисы завершены (как успешно, так и с ошибками). Результат будет массивом объектов, каждый из которых содержит статус и значение или причину отклонения.
   • Полезно, когда нам важно знать результат всех промисов, независимо от их успешности.

   Promise.allSettled([fetchDataA(), fetchDataB(), fetchDataC()])
       .then((results) => {
           results.forEach((result) => {
               if (result.status === 'fulfilled') {
                   console.log('Success:', result.value);
               } else {
                   console.error('Failed:', result.reason);
               }
           });
       });
   

2. Promise.race():

   • Этот метод возвращает промис, который разрешается или отклоняется, как только один из переданных промисов завершится. Это может быть полезно, если вам нужно дождаться первого результата, независимо от успешности.

   Promise.race([fetchDataA(), fetchDataB(), fetchDataC()])
       .then((result) => {
           console.log('First resolved:', result);
       })
       .catch((error) => {
           console.error('Error:', error);
       });
   

Советы и распространённые ошибки

• Обработка ошибок: Не забывайте обрабатывать ошибки при работе с промисами. Используйте catch() или try/catch с async/await для управления исключениями.
• Порядок результатов: При использовании Promise.all(), результат будет в том же порядке, в каком промисы были переданы, даже если некоторые из них завершились быстрее других.
• Не забывайте об избыточных ожиданиях: Если ваши промисы не зависят друг от друга, Promise.all() позволяет запустить их параллельно. Однако, если они зависят друг от друга, вам нужно будет использовать последовательное выполнение.
• Проблемы с производительностью: Запуск слишком большого количества параллельных промисов может привести к перегрузке системы. Рассмотрите возможность использования библиотек, таких как p-limit, для ограничения количества одновременно выполняемых промисов.

Используя эти методы и советы, вы сможете эффективно управлять параллельными асинхронными операциями в JavaScript.