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

Для того чтобы эффективно выполнить асинхронные операции параллельно в современном JavaScript, наиболее надежным и элегантным решением является использование встроенной конструкции await Promise.all([fn1(), fn2()]). Главная ошибка начинающих разработчиков заключается в том, что они последовательно вызывают каждую асинхронную функцию через отдельные операторы await, что приводит к ненужной блокировке потока выполнения и увеличению общего времени ожидания. Когда вы передаете массив промисов в Promise.all, все асинхронные задачи запускаются одновременно, а выполнение кода приостанавливается ровно до того момента, пока не завершится самая долгая из них.

Результаты выполнения всех переданных функций возвращаются в виде единого упорядоченного массива, что позволяет легко получить к ним доступ. Для удобства работы часто применяется синтаксис деструктуризации, например, const [a, b] = await Promise.all([fetchDataA(), fetchDataB()]), что делает код чистым и читаемым. Однако стоит помнить важную особенность: если хотя бы один из промисов в массиве завершится с ошибкой (будет отклонен), весь Promise.all немедленно завершится с ошибкой, а остальные результаты будут проигнорированы.

Если в вашей бизнес-логике критически важно получить результаты абсолютно всех запросов, независимо от того, завершились они успехом или падением, вместо Promise.all следует использовать метод Promise.allSettled. Он возвращает массив объектов, описывающих статус каждого промиса (fulfilled или rejected) вместе с его значением или причиной ошибки. Это дает максимальную гибкость при обработке пакетных сетевых запросов, чтении файлов или выполнении других независимых друг от друга асинхронных операций в веб-приложении.