Зачем нужен TypeScript
В JavaScript многие ошибки обнаруживаются только тогда, когда программа выполняется. TypeScript помогает найти часть таких проблем во время разработки. Ты можешь указать, что переменная должна хранить строку, число или логическое значение. Редактор использует эту информацию для подсказок и предупреждений. При этом TypeScript не заменяет запуск программы и проверку поведения: он помогает обнаружить определённые ошибки, но не может предсказать всё.
Простые типы
Тип string обозначает текст, number — числа, а boolean — значения true или false. Тип можно указать после имени переменной через двоеточие. Во многих простых случаях TypeScript способен сам понять тип по начальному значению, поэтому не обязательно подписывать каждую переменную. Попробуй создать переменную с числом, затем присвоить ей текст и посмотри, какое предупреждение появится в редакторе.
Типы параметров функций
Функция может принимать значения и возвращать результат. Если указать тип параметра, редактор подскажет, какие данные можно передавать. Например, функция приветствия может ожидать строку с именем. Если передать ей число, TypeScript сообщит о несоответствии. Такие подсказки особенно полезны, когда функция используется в нескольких местах и не хочется случайно передать ей данные неправильного формата.
Описываем объекты
Объект объединяет несколько связанных свойств. Например, карточка курса может иметь название, уровень сложности и количество уроков. TypeScript позволяет описать, какие поля должны присутствовать и какие значения они принимают. Это помогает заметить опечатку в имени свойства и не забыть обязательное поле. Начни с простого объекта, а затем создай тип для нескольких карточек курса с одинаковой структурой.
Несколько допустимых вариантов
Иногда значение может быть одним из нескольких типов. Например, функция может принимать число или текст. Для этого используют объединение типов с символом вертикальной черты: string | number. Прежде чем выполнять действие, доступное только одному из типов, нужно проверить, какое значение пришло. Сначала такие проверки могут казаться лишними, но они делают поведение программы более понятным и безопасным.
Проверяй результат и учись читать подсказки
Сообщение TypeScript обычно указывает, какое значение ожидалось и что было получено вместо него. Не спеши отключать проверку, если видишь ошибку. Сначала посмотри на тип параметра, значение переменной и место вызова функции. Иногда правильное решение — исправить данные, а иногда — точнее описать допустимые варианты. Чем чаще ты разбираешь такие подсказки, тем легче становится понимать типизированный код.
Практика: типизированное приветствие
Создай функцию greet, которая принимает имя типа string и возвращает приветствие. Попробуй вызвать её со строкой, а затем передать число. Редактор должен показать, что второй вариант не соответствует объявленному типу. Исправь вызов и посмотри, как исчезнет предупреждение. Это простой пример того, как типы помогают обнаружить ошибку до запуска программы.
Как разбираться с предупреждениями
Не воспринимай сообщение TypeScript как загадку. Посмотри, где указан ожидаемый тип, какое значение передано и в каком месте это произошло. Иногда нужно исправить вызов функции, иногда — уточнить тип данных. Не используй any только ради того, чтобы предупреждение исчезло: так можно отключить полезную проверку. Лучше понять, почему типы не совпадают, и выбрать решение, которое отражает настоящую задачу.
Мини-викторина
Какой тип обозначает текст в TypeScript?
Выбери ответ — результат появится здесь.
Итого: 0 из 1 правильных ответов
Тип string предназначен для строкового текста.
Отметь результат и выбери одну вещь для самостоятельной практики.
Отметка сохранится в этом браузере.