Псевдонимы типов для примитивов
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 30 из 73.
Ключевое слово type в TypeScript позволяет создать псевдоним типа — по сути, пользовательское имя для любого существующего типа, включая примитивные типы и их комбинации.
Синтаксис прост: вы используете ключевое слово type, за которым следует выбранное вами имя, знак равенства и тип, для которого вы хотите создать псевдоним:
type UserID = string | number;
type Score = number;
type IsActive = boolean;После того как вы создали псевдоним типа, вы можете использовать его везде, где использовали бы исходный тип. Это особенно полезно при работе с объединениями типов (union types), так как делает ваш код более читаемым и самодокументированным:
type UserID = string | number;
let currentUser: UserID = "user123";
let adminUser: UserID = 42;Псевдонимы типов не создают новые типы — они просто предоставляют альтернативные имена для уже существующих. Это означает, что UserID и string | number полностью взаимозаменяемы, но использование псевдонима делает намерения вашего кода гораздо понятнее для других разработчиков.
Задание
ЛегкоСоздайте псевдоним типа с именем UserID для объединения типов (union type), которое может быть либо string, либо number.
Создайте псевдоним типа с именем Priority для объединения типов, которое может быть либо string, либо boolean.
Создайте псевдоним типа с именем Status для типа string.
Теперь объявите следующие переменные, используя ваши псевдонимы типов:
- Объявите переменную с именем
currentUserтипаUserIDи присвойте ей строковое значение"admin123" - Объявите переменную с именем
guestUserтипаUserIDи присвойте ей числовое значение42 - Объявите переменную с именем
taskPriorityтипаPriorityи присвойте ей строковое значение"high" - Объявите переменную с именем
isUrgentтипаPriorityи присвойте ей логическое значениеtrue - Объявите переменную с именем
orderStatusтипаStatusи присвойте ей строковое значение"pending"
Выведите значение каждой переменной на отдельной строке в том порядке, в котором они были объявлены выше.
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте псевдонимы типов для UserID, Priority и Status
// Затем объявите переменные и присвойте указанные значения
// Выведите значение каждой переменнойВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Онлайн-компилятор JavaScript