0Pricing
TypeScript Academy · Урок

Условные типы: T extends U ? X : Y

Пишите условные операторы if на уровне типов с помощью условных типов

«Условные типы: T extends U ? X : Y» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 4 уроков всего.

Добро пожаловать

Условные типы позволяют выражать условные конструкции if на уровне типов. Это ключевая часть расширенной системы типов TypeScript, используемая для создания типов-утилит.

Базовый синтаксис

Запишите T extends U ? X : Y. Если T совместим с U, результатом будет X, в противном случае — Y.
type IsString<T> = T extends string ? true : false;
type A = IsString<string>; // true
type B = IsString<number>; // false

Встроенный тип NonNullable

NonNullable реализован с помощью условного типа, удаляющего null и undefined из T.
type NonNullable<T> = T extends null | undefined ? never : T;
type C = NonNullable<string | null>; // string

Условные типы с обобщениями

Условные типы наиболее полезны внутри обобщённых функций и псевдонимов типов.
type Flatten<T> = T extends Array<infer I> ? I : T;
type Str = Flatten<string[]>; // string
type Num = Flatten<number>;   // number

Вложенные условия

Условные типы можно вкладывать для реализации более сложной логики.
type TypeName<T> =
  T extends string ? 'string' :
  T extends number ? 'number' :
  T extends boolean ? 'boolean' :
  'object';

Распределение по объединениям

Когда T является отдельным параметром типа, условный тип распределяется по членам объединения.
type ToArray<T> = T extends any ? T[] : never;
type R = ToArray<string | number>; // string[] | number[]

Предотвращение распределения

Оберните T в кортеж, чтобы предотвратить распределение.
type NoDistribute<T> = [T] extends [any] ? T[] : never;
type R2 = NoDistribute<string | number>; // (string | number)[]

Фильтрация с помощью never

Возврат never из условного типа удаляет члены объединения.
type OnlyStrings<T> = T extends string ? T : never;
type S = OnlyStrings<'a' | 'b' | 1 | 2>; // 'a' | 'b'

Условные типы в отображаемых типах

Объединяйте отображаемые и условные типы, чтобы выборочно преобразовывать свойства объектов.
type NullableValues<T> = { [K in keyof T]: T[K] extends string ? null : T[K] };

Вывод из параметров функции

Используйте infer в условных типах, чтобы извлекать части сложных типов.
type FirstParam<T> = T extends (first: infer P, ...rest: any[]) => any ? P : never;
type FP = FirstParam<(a: string, b: number) => void>; // string

Встроенные условные утилиты

Многие встроенные утилиты (ReturnType, Parameters, InstanceType) созданы с помощью условных типов и infer.
type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any;

Быстрая проверка

Каков результат `type R = string extends object ? 'yes' : 'no'`?

Итоги

Условные типы (T extends U ? X : Y) обеспечивают логику на уровне типов. Они распределяются по объединениям, работают с infer для извлечения данных и лежат в основе многих встроенных типов-утилит TypeScript.

Часто задаваемые вопросы

Урок «Условные типы: T extends U ? X : Y» бесплатный?

Да — полный текст урока «Условные типы: T extends U ? X : Y» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 4 уроков всего.

Чему я научусь в уроке «Условные типы: T extends U ? X : Y»?

Пишите условные операторы if на уровне типов с помощью условных типов Ты практикуешь TypeScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать TypeScript Academy?

Предыдущий опыт не требуется. TypeScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Условные типы: T extends U ? X : Y»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке TypeScript Academy?

Да. Каждый урок TypeScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. keyof и типы индексированного доступа
  2. Ограничения обобщений: сужение параметров типов
  3. Условные типы: T extends U ? X : Y
  4. Распределительные условные типы
← Назад к TypeScript Academy