> Как определить тип переменной через ReturnType в TypeScript (TypeScript)

Уровень: middle · Роль: frontend · Категория: Технические вопросы

Компании: IT-One

Стек: TypeScript

> Пример ответа

В TypeScript ReturnType - это условный тип (conditional type), который извлекает тип возвращаемого значения функции. Он принимает тип функции и возвращает тип того, что эта функция возвращает.

Пример использования:

TYPESCRIPT
function greet(name: string): string {
  return `Hello, ${name}`;
}

type GreetReturn = ReturnType<typeof greet>; // string

ReturnType особенно полезен, когда нужно получить тип возвращаемого значения из сложной функции или сторонней библиотеки, не объявляя его вручную. Например:

TYPESCRIPT
const fetchData = async (): Promise<{ id: number; name: string }> => {
  return { id: 1, name: "Alice" };
};

type DataType = ReturnType<typeof fetchData>; // Promise<{ id: number; name: string }>
// Чтобы получить сам объект, а не Promise, можно использовать Awaited:
type AwaitedDataType = Awaited<ReturnType<typeof fetchData>>; // { id: number; name: string }