Урок 12. Встроенные utility types
🚀 Продолжаем изучать TypeScript! 💙 В этом уроке мы разберём встроенные utility types — готовые типы-преобразователи, которые позволяют получать новые типы на основе уже существующих. Вы узнаете, как делать свойства необязательными или обязательными, запрещать их изменение, выбирать только нужные поля объекта, исключать лишние свойства и создавать типобезопасные словари. Также мы разберём utility types для работы с объединениями, функциями, конструкторами и асинхронными результатами. К концу урока вы сможете создавать связанные типы без дублирования, безопасно описывать команды создания и обновления данных, получать типы параметров и результатов функций, а также автоматически извлекать данные из `Promise`. 📚 В этом уроке ✅ Что такое встроенные utility types ✅ Как работает `Partial` ✅ Чем `Required` отличается от `Partial` ✅ Почему `Readonly` работает только поверхностно ✅ Как выбирать свойства с помощью `Pick` ✅ Как исключать свойства с помощью `Omit` ✅ Чем `Omit` отличается от `Exclude` ✅ Как создавать словари через `Record` ✅ Как работают `Exclude`, `Extract` и `NonNullable` ✅ Как получить параметры функции через `Parameters` ✅ Как получить возвращаемый тип через `ReturnType` ✅ Как работают `ConstructorParameters` и `InstanceType` ✅ Как извлечь результат асинхронной функции через `Awaited` ✅ Как объединять utility types в реальной модели заказа ⏱ Таймкоды 00:00 — Введение 00:37 — 1. Исходная модель `User` 01:17 — 2. Partial 03:38 — 3. Required 05:24 — 4. Readonly 06:07 — 5. Pick 07:38 — 6. Omit 08:46 — 7. Record 10:10 — 8. Exclude, Extract, NonNullable 12:04 — 9. Типы функций: Parameters и ReturnType 14:49 — 10. Конструкторы: ConstructorParameters и InstanceType 15:36 — 11. Awaited 16:46 — Собираем типы заказа 💻 В практической части мы создадим несколько представлений одной модели, опишем команды создания и изменения данных, построим карту значений через `Record` и получим типы функций без ручного дублирования. После урока обязательно выполните домашнее задание — оно поможет закрепить работу с основными utility types на примере системы управления товарами. #typescript #javascript #программирование #вебразработка #frontend #обучение #utilitytypes
Название:
Урок 12. Встроенные utility types
Категория:
Разное