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

Понимание промисов.
Прежде чем углубиться в тип AwaitedTypeScript, давайте кратко повторим промисы. Обещания представляют собой конечный результат асинхронной операции и позволяют обрабатывать успех или неудачу. При работе с промисами мы часто используем методы thenи catchдля обработки разрешенного или отклоненного значения соответственно. Однако тип Awaitedв TypeScript делает еще один шаг вперед, позволяя нам напрямую извлекать разрешенный тип.

Метод 1: базовое использование Awaited:
Чтобы использовать Awaited, нам нужно определить псевдоним типа, который извлекает разрешенный тип из обещания. Вот пример:

type Awaited<T> = T extends Promise<infer R> ? R : never;
async function fetchData(): Promise<string> {
  // Fetch some data asynchronously
  return "Data";
}
async function main() {
  const result: Awaited<ReturnType<typeof fetchData>> = await fetchData();
  console.log(result); // Output: Data
}

В приведенном выше фрагменте кода мы определяем псевдоним типа Awaited, который извлекает разрешенный тип Rиз Promise<infer R>. Затем мы используем Awaited, чтобы определить тип переменной result, которая будет разрешенным типом обещания, возвращаемого функцией fetchData.

Метод 2: обработка типов объединения:
В TypeScript обещания могут иметь типы объединения, то есть они могут разрешаться к нескольким типам. Чтобы справиться с такими сценариями, мы можем изменить псевдоним типа Awaited, чтобы извлечь тип объединения. Вот пример:

type Awaited<T> = T extends Promise<infer R> ? R : T;
async function fetchUserData(): Promise<string | number> {
  // Fetch user data asynchronously
  return Math.random() > 0.5 ? "John Doe" : 42;
}
async function main() {
  const result: Awaited<ReturnType<typeof fetchUserData>> = await fetchUserData();

  if (typeof result === "string") {
    // Handle string type
    console.log("User Name:", result);
  } else {
    // Handle number type
    console.log("User Age:", result);
  }
}

В приведенном выше примере функция fetchUserDataвозвращает обещание, которое может быть преобразовано в строку или число. Мы модифицируем псевдоним типа Awaited, чтобы он возвращал исходный тип T, если он не расширяет Promise<infer R>. Это позволяет нам обрабатывать оба разрешенных типа в функции main.

Метод 3: объединение Awaitedс дженериками.
Еще одним мощным аспектом TypeScript является поддержка дженериков. Мы можем комбинировать дженерики с Awaitedдля создания многоразовых и типобезопасных асинхронных функций. Вот пример:

type Awaited<T> = T extends Promise<infer R> ? R : T;
async function fetchData<T>(): Promise<T> {
  // Fetch some data asynchronously
  // Simulating a delay with setTimeout
  return new Promise<T>((resolve) => {
    setTimeout(() => {
      resolve("Data" as unknown as T);
    }, 2000);
  });
}
async function main() {
  const result: Awaited<ReturnType<typeof fetchData>> = await fetchData<string>();
  console.log(result); // Output: Data
}

В приведенном выше фрагменте кода мы создаем общую функцию fetchData, которая возвращает обещание указанного типа T. Мы используем Awaitedдля извлечения разрешенного типа обещания, возвращаемого fetchData. Передавая желаемый тип в качестве универсального аргумента, мы обеспечиваем безопасность типов и получаем правильный разрешенный тип.

Тип AwaitedTypeScript предоставляет мощный механизм для извлечения разрешенного типа из обещания. Мы изучили различные методы использования Awaitedи улучшения асинхронного программирования на TypeScript. Комбинируя Awaitedс дженериками и обрабатывая типы объединения, мы можем писать более надежный и типобезопасный асинхронный код. Понимание и использование этих методов позволит вам создавать эффективные и надежные приложения TypeScript.