0Pricing
TypeScript Academy · Урок

Пересечения и объединения типов

Разберитесь, как объединять несколько типов с помощью пересечений и создавать гибкие варианты типов с помощью объединений

«Пересечения и объединения типов» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 3 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 3 уроков всего.

Введение в пересечения и объединения типов

Введение в пересечения и объединения типов

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

Пересечения и объединения типов — иллюстрация 1

Что такое объединения типов

Что такое объединения типов?

Объединения типов позволяют значению иметь один из нескольких типов. Объединение типов можно определить с помощью оператора |.

Пример объединения типов

Пример объединения типов

Вот пример использования объединения типов:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

Что такое пересечения типов

Что такое пересечения типов?

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

Пример пересечения типов

Пример пересечения типов

Вот пример использования пересечения типов:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Различия между объединениями и пересечениями типов

Различия между объединениями и пересечениями типов

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

Практические варианты использования

Практические варианты использования

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

Практическое задание

Практическое задание

Создайте тип, объединяющий тип Product с типом Discount с помощью пересечения типов. Используйте его для объявления переменной.

Повторение объединений и пересечений типов

Поздравляем!

Вы научились использовать объединения и пересечения типов для определения гибких и комбинированных типов в TypeScript. Практикуйтесь в применении этих понятий, чтобы сделать свой код более надёжным и безопасным с точки зрения типов!

Пересечения и объединения типов — иллюстрация 10

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

Урок «Пересечения и объединения типов» бесплатный?

Да — полный текст урока «Пересечения и объединения типов» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Пересечения и объединения типов»?

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

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

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

Сколько времени занимает урок «Пересечения и объединения типов»?

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

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

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

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

  1. Типы keyof и поиска
  2. Отображаемые типы
  3. Пересечения и объединения типов
← Назад к TypeScript Academy