Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про TypeScript: returntype, awaited

Как получить тип возвращаемого значения функции из сторонней библиотеки с помощью TypeScript?

Вопрос проверяет умение извлекать и переиспользовать типы из внешних API без дублирования и ручных описаний.

Короткий ответ

Тип возвращаемого значения функции можно получить через ReturnType в сочетании с typeof. Если функция асинхронная, дополнительно используют Awaited. Такой подход позволяет точно повторять типы сторонней библиотеки. Он защищает от рассинхронизации при обновлениях. Это базовая практика при работе с внешними SDK и API.

Длинный ответ

При работе со сторонними библиотеками важно не переписывать типы вручную, а извлекать их напрямую из объявлений.

Определение

Определение: typeof + ReturnType — комбинация, позволяющая получить тип возвращаемого значения функции на основе её объявления.

Базовый синхронный пример

import { createClient } from "some-lib";

type Client = ReturnType<typeof createClient>;

Асинхронный случай

Если функция возвращает Promise, тип нужно «распаковать».

Пример

import { fetchUser } from "api-lib";

type User = Awaited<ReturnType<typeof fetchUser>>;

Зачем это нужно

  • Нет дублирования типов

  • Автоматическая поддержка изменений

  • Точная типизация сложных структур

Типичные сценарии

  • Клиенты API

  • SDK сторонних сервисов

  • Хуки и фабрики

Типичные ошибки

  • Ручное описание возвращаемых типов

  • Использование any вместо вывода типов

  • Игнорирование Awaited для async-функций

Вывод

Комбинация typeof, ReturnType и Awaited — стандартный способ безопасно работать с типами сторонних библиотек.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    5

  • Сложность:

    7

Навыки

  • TypeScript

    TypeScript

Ключевые слова

#returntype

#awaited

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию