0Pricing
TypeScript Academy · Урок

Вспомогательные типы

Работайте со вспомогательными типами, такими как Partial и Readonly, и не только

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

Введение во вспомогательные типы

Вспомогательные типы

Добро пожаловать на следующий урок! На этом уроке вы узнаете о вспомогательных типах — встроенных возможностях TypeScript, которые упрощают и улучшают преобразования типов. Давайте начнём!

Вспомогательные типы — иллюстрация 1

Что такое вспомогательные типы?

Что такое вспомогательные типы?

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

Пример:

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

type PartialUser = Partial<User>;

let user: PartialUser = { name: "Alice" }; 
// Only 'name' is provided

Partial

Partial

Вспомогательный тип Partial делает все свойства типа необязательными. Пример:

Задание: Создайте тип с помощью вспомогательного типа Partial и используйте его для определения переменной.

type User = {
  name: string;
  age: number;
};

type OptionalUser = Partial<User>;

let user: OptionalUser = { name: "Bob" }; 
// 'age' is optional

Только для чтения

Только для чтения

Вспомогательный тип Readonly делает все свойства типа неизменяемыми. Пример:

Задача: Используйте вспомогательный тип Readonly, чтобы создать неизменяемый объект.

type User = {
  name: string;
  age: number;
};

type ReadonlyUser = Readonly<User>;

let user: ReadonlyUser = { name: "Alice", age: 25 };
// user.age = 30; 
// Error: Cannot assign to 'age' because it is a read-only property

Выбор

Выбор

Вспомогательный тип Pick выбирает определённые свойства из типа. Пример:

Задача: Используйте вспомогательный тип Pick, чтобы создать тип, содержащий только выбранные свойства.

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

type UserNameAndEmail = Pick<User, "name" | "email">;

let user: UserNameAndEmail = { name: "Alice", email: "alice@example.com" };

Исключение

Исключение

Вспомогательный тип Omit исключает определённые свойства из типа. Пример:

Задача: Используйте вспомогательный тип Omit, чтобы исключить свойство из типа.

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

type UserWithoutEmail = Omit<User, "email">;

let user: UserWithoutEmail = { name: "Bob", age: 30 };

Запись

Запись

Вспомогательный тип Record создаёт тип с набором ключей и указанным типом значений. Пример:

Задача: Используйте вспомогательный тип Record, чтобы создать соответствие между ключами и значениями.

type Role = "admin" | "user" | "guest";

type Permissions = Record<Role, string[]>;

let rolePermissions: Permissions = {
  admin: ["read", "write", "delete"],
  user: ["read", "write"],
  guest: ["read"],
};

Обязательный

Обязательный

Вспомогательный тип Required делает все свойства типа обязательными. Пример:

Задача: Используйте вспомогательный тип Required, чтобы сделать все свойства обязательными.

type User = {
  name?: string;
  age?: number;
};

type FullUser = Required<User>;

let user: FullUser = { name: "Alice", age: 30 }; 
// Both 'name' and 'age' are required

Отличная работа!

Отличная работа!

Поздравляем! Вы узнали о встроенных вспомогательных типах TypeScript, включая Partial, Readonly, Pick, Omit и другие. Эти вспомогательные типы упрощают и ускоряют работу с типами. На следующем уроке мы подробно рассмотрим отображаемые типы. Давайте продолжим писать код!

Вспомогательные типы — иллюстрация 10

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

Урок «Вспомогательные типы» бесплатный?

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

Чему я научусь в уроке «Вспомогательные типы»?

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

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

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

Сколько времени занимает урок «Вспомогательные типы»?

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

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

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

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

  1. Обобщения
  2. Псевдонимы типов и интерфейсы
  3. Вспомогательные типы
  4. Защитники типов
← Назад к TypeScript Academy