Как переделать js в typescript
4 года назад
Человек-Молекула
Ответы
TypeScript добавляет в JavaScript статическую типизацию. За счёт этого мы можем выявить многие ошибки, связанные с несоответствиями типов данных, еще на этапе разработки приложения. Подробнее об этом рекомендую почитать на бесплатном курсе по TypeScript на Code Basics.
Рассмотрим пример того, как можно переделать JavaScript в TypeScript. Для этого сначала инициализируем npm
-проект:
После чего установим TypeScript в качестве зависимости для разработки:
Для работы с TypeScript создаем файлы с расширением .ts
, а не .js
. При первом приближении мы можем рассматривать TypeScript как продвинутый вариант линтера: если у нас есть код на JavaScript, который нужно преобразовать в валидный код на TypeScript, то задача состоит в том, чтобы TypeScript перестал выдавать ошибки.
Например, если у нас есть переменная, в которой записана строка, а потом запишем в нее число или любой другой тип данных, то получим ошибки:
Также мы получим ошибку, если попытаемся на переменной, которой соответствует какой-то тип данных, вызвать метод, который не определён для данного типа данных:
Чтобы научиться работать с подобным ошибками и не допускать их, нужно изучить TypeScript. Однако в самом простом случае, мы можем указать для переменной someVariable
тип any
. В этом случае TypeScript не будет проверять типы и не сообщит об ошибке.
Данный способ допустим на начальном этапе перевода проекта из JavaScript в TypeScript, когда сначала все типы объявляются как any
, а затем понемногу переписываются на нужные. Но всё равно нужно иметь в виду, что в большинстве случаев при использовании any
теряется весь смысл языка TypeScript, и ошибка в любом случае возникнет, но уже при попытке запустить приложение:
Компилируем код в JavaScript и пробуем его запустить:
3 года назад
Кирилл Маркеев