С чего начать изучение TypeScript
Зачем JavaScript-проекту типы и какие ошибки они помогают находить.
also in web development basics
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.