В современной веб-разработке асинхронное программирование имеет решающее значение для создания адаптивных и эффективных приложений. TypeScript, являющийся статически типизированной надстройкой JavaScript, предоставляет мощные инструменты для обработки асинхронных операций. Одним из таких инструментов является метод Promise.allSettled, который позволяет одновременно обрабатывать несколько обещаний и определять их результаты. В этой статье мы рассмотрим различные методы эффективного использования Promise.allSettledв TypeScript, а также приведем практические примеры кода.

Метод 1: базовое использование Promise.allSettled
Давайте начнем с самого простого использования Promise.allSettled. Предположим, у вас есть массив промисов, которые вы хотите выполнять одновременно. Вы можете использовать Promise.allSettled, чтобы дождаться завершения всех обещаний, независимо от того, выполняются они или отклоняются.

const promises: Promise<any>[] = [promise1, promise2, promise3];
const results = await Promise.allSettled(promises);

В массиве resultsкаждый элемент соответствует результату соответствующего обещания. Затем вы можете перебирать массив resultsдля обработки разрешения или отклонения каждого обещания.

Метод 2: обработка результатов отдельных обещаний
Promise.allSettledпозволяет обрабатывать результаты каждого обещания индивидуально, даже если некоторые из них не удались. Давайте рассмотрим пример, в котором мы хотим получить данные от нескольких API и обработать каждый ответ по-разному:

const promises: Promise<Response>[] = [fetch(api1), fetch(api2), fetch(api3)];
const results = await Promise.allSettled(promises);
results.forEach((result, index) => {
  if (result.status === 'fulfilled') {
    // Handle successful response
    const data = result.value.json();
    // ...
  } else {
    // Handle failed response
    const error = result.reason;
    // ...
  }
});

Метод 3: объединение с Promise.all для параллельного выполнения
Иногда вам может потребоваться объединить Promise.allSettledс Promise.allдля достижения более сложного асинхронного поведения. Например, вы можете захотеть выполнить группу обещаний параллельно и обрабатывать их результаты отдельно:

const promises: Promise<any>[] = [promise1, promise2, promise3];
const combinedPromise = Promise.all(promises.map((promise) =>
  Promise.allSettled([promise])
));
const results = await combinedPromise;
results.forEach((result, index) => {
  // Handle each promise's outcome
});

Освоив Promise.allSettled, вы сможете эффективно обрабатывать несколько обещаний в TypeScript, обеспечивая надежную обработку ошибок и эффективное выполнение. Мы рассмотрели различные методы, от базового использования до более сложных методов, включающих параллельное выполнение. Включение этих методов в ваши проекты TypeScript улучшит ваши навыки асинхронного программирования, а ваш код станет более надежным и удобным в сопровождении.