С чего начать изучение TypeScript
Зачем JavaScript-проекту типы и какие ошибки они помогают находить.
On this page
Вы уже умеете писать функции на JavaScript. Теперь представьте, что функция calculateTotal(price, quantity) получила вместо числа строку из формы. Программа может запуститься, а ошибка обнаружится только в результате. TypeScript помогает описать ожидаемые данные и заметить часть таких несоответствий еще в редакторе.
Путь одной программы выглядит так:
| Этап | Что происходит |
|---|---|
Вы пишете main.ts | Добавляете знакомый JavaScript и описания типов. |
| TypeScript проверяет код | Сообщает, если значения противоречат описаниям. |
| Приложение запускается | Выполняется JavaScript; описания типов не становятся проверками ввода. |
Поэтому здесь две разные задачи: проверить свой код до запуска и проверить данные пользователя во время работы. Вторую задачу разберем позже на формах.
Чтобы попробовать примеры без установки программ, откройте TypeScript Playground. Изменяйте код в редакторе, читайте подсказки о типах и переключитесь на представление готового JavaScript. В примере следующей статьи попробуйте присвоить числовой переменной строку и посмотрите, где появится ошибка.
Маршрут изучения
- Проблема и возможности TypeScript – сравните один и тот же вызов на JavaScript и TypeScript.
- Типы, объекты и функции – научитесь читать записи с
:,|иtype. - Самостоятельная работа – опишите модель заявки и проверьте функции.
В Next-03 вы вернетесь к различию между типом и проверкой реальных данных формы. Там для проверки во время работы программы понадобится Zod. Официальное руководство: TypeScript Handbook.