В TypeScript аннотация типа позволяет явно указать, какие данные могут храниться в переменной. Это основа статической типизации, которая помогает избегать ошибок еще на этапе написания кода, а не во время его выполнения. Используя синтаксис через двоеточие, например let age: number = 25;, мы говорим компилятору: «эта переменная всегда должна быть числом».
Если вы попытаетесь присвоить такой переменной строку или булево значение, TypeScript сразу подчеркнет это как ошибку. Это делает разработку более предсказуемой и безопасной. Основные примитивные типы, с которыми вы начнете работать: number, string и boolean. Этот тренажер поможет вам научиться правильно расставлять аннотации и понимать, как они защищают ваш код.
- Модуль 1: Введение в TypeScript
- Аннотация типа переменной.
- Автоматический вывод типов (Type Inference).
- Ошибки типизации при компиляции.
- Модуль 2: Примитивные типы
- Модуль 3: Специальные типы
- Модуль 4: Массивы
- Модуль 5: Кортежи (Tuples)
- Модуль 6: Объекты
- Модуль 7: Функции
- Модуль 8: Union типы
- Модуль 9: Литеральные типы
- Модуль 10: Type Aliases
- Модуль 11: Интерфейсы
- Модуль 12: Type Guards и Narrowing
- Модуль 13: Enums
- Модуль 14: Классы
- Модуль 15: Generics — основы
- Модуль 16: Generics — ограничения
- Модуль 17: Utility Types — базовые
- Модуль 18: Utility Types — работа с Union
- Модуль 19: Utility Types — функции
- Модуль 20: Type Assertions
- Модуль 21: Keyof и Typeof операторы
- Модуль 22: Mapped Types
- Модуль 23: Conditional Types
- Модуль 24: Discriminated Unions
- Модуль 25: Модули и типы
- Модуль 26: Declaration Files
- Модуль 27: Типизация асинхронного кода
- Модуль 28: Практические паттерны
1. Структура аннотации
В данном задании вам нужно разметить аннотацию типа в объявлении переменной TypeScript. Аннотация типа состоит из двоеточия и имени типа. Выделите эти два элемента в строке кода, выбрав для каждого соответствующий тип из списка ниже.
let count{{:~|~t1}} {{number~|~t2}} = 5;2. Выбор правильного типа
В этом задании вам нужно дополнить код TypeScript, указав правильные типы для трёх переменных. В коде есть три переменные: числовая, строковая и булева, но вместо аннотаций типов стоят пропуски. Выберите из выпадающего списка подходящий тип (string, number или boolean) для каждого пропуска, чтобы код стал корректным с точки зрения системы типов TypeScript. Обратите внимание на значения, присваиваемые переменным — они подскажут, какой тип ожидается.
let age: input1S = 25;
let name: input2S = "Alice";
let isActive: input3S = true;3. Синтаксис объявления
В этом задании вам нужно дополнить объявления переменных в TypeScript, вставив пропущенные синтаксические элементы. В первом объявлении пропущено ключевое слово для объявления переменной, а во втором — символ двоеточия перед указанием типа. Впишите правильные элементы в отмеченные места, чтобы код стал корректным и соответствовал правилам аннотации типов в TypeScript.
input1S age: number = 25;
let name input2S string = "John";4. Несоответствие типов
В данном фрагменте кода TypeScript объявлена переменная с явным указанием типа string, однако ей присваивается числовое значение. Это приводит к ошибке типизации. Вам необходимо исправить значение переменной, чтобы оно соответствовало заявленному типу, изменив его на строковое представление. Обратите внимание на синтаксис объявления переменных и правила аннотации типов в TypeScript.
let userName: string = 123;console.log(userName);5. Сборка объявления
Из предложенных строк соберите корректное объявление переменной на TypeScript с аннотацией типа. Переменная должна называться userName, иметь тип string и инициализироваться значением "Alice". Одна из строк является лишней и не должна входить в решение. Учтите, что порядок некоторых частей (например, имени переменной и типа) строго фиксирован синтаксисом языка.
letuserName:string="Alice";const6. Типы и примеры
Сопоставьте название типа данных в TypeScript (слева) с примером значения этого типа (справа). Обратите внимание, что в правой колонке приведены конкретные литералы, которые соответствуют одному из трёх базовых типов: number, string или boolean. Каждому типу соответствует ровно один пример значения.
numberstringboolean42"Hello, TypeScript!"true