0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>TypeScript добавляет в JavaScript статическую типизацию. За счёт этого мы можем выявить многие ошибки, связанные с несоответствиями типов данных, еще на этапе разработки приложения. Подробнее об этом рекомендую почитать на бесплатном курсе по TypeScript на<a>Code Basics</a>.</p>
1
<p>TypeScript добавляет в JavaScript статическую типизацию. За счёт этого мы можем выявить многие ошибки, связанные с несоответствиями типов данных, еще на этапе разработки приложения. Подробнее об этом рекомендую почитать на бесплатном курсе по TypeScript на<a>Code Basics</a>.</p>
2
<p>Рассмотрим пример того, как можно переделать JavaScript в TypeScript. Для этого сначала инициализируем npm-проект:</p>
2
<p>Рассмотрим пример того, как можно переделать JavaScript в TypeScript. Для этого сначала инициализируем npm-проект:</p>
3
<p>После чего установим TypeScript в качестве зависимости для разработки:</p>
3
<p>После чего установим TypeScript в качестве зависимости для разработки:</p>
4
<p>Для работы с TypeScript создаем файлы с расширением .ts, а не .js. При первом приближении мы можем рассматривать TypeScript как продвинутый вариант линтера: если у нас есть код на JavaScript, который нужно преобразовать в валидный код на TypeScript, то задача состоит в том, чтобы TypeScript перестал выдавать ошибки.</p>
4
<p>Для работы с TypeScript создаем файлы с расширением .ts, а не .js. При первом приближении мы можем рассматривать TypeScript как продвинутый вариант линтера: если у нас есть код на JavaScript, который нужно преобразовать в валидный код на TypeScript, то задача состоит в том, чтобы TypeScript перестал выдавать ошибки.</p>
5
<p>Например, если у нас есть переменная, в которой записана строка, а потом запишем в нее число или любой другой тип данных, то получим ошибки:</p>
5
<p>Например, если у нас есть переменная, в которой записана строка, а потом запишем в нее число или любой другой тип данных, то получим ошибки:</p>
6
<p>Также мы получим ошибку, если попытаемся на переменной, которой соответствует какой-то тип данных, вызвать метод, который не определён для данного типа данных:</p>
6
<p>Также мы получим ошибку, если попытаемся на переменной, которой соответствует какой-то тип данных, вызвать метод, который не определён для данного типа данных:</p>
7
<p>Чтобы научиться работать с подобным ошибками и не допускать их, нужно изучить TypeScript. Однако в самом простом случае, мы можем указать для переменной someVariable тип any. В этом случае TypeScript не будет проверять типы и не сообщит об ошибке.</p>
7
<p>Чтобы научиться работать с подобным ошибками и не допускать их, нужно изучить TypeScript. Однако в самом простом случае, мы можем указать для переменной someVariable тип any. В этом случае TypeScript не будет проверять типы и не сообщит об ошибке.</p>
8
<p>Данный способ допустим на начальном этапе перевода проекта из JavaScript в TypeScript, когда сначала все типы объявляются как any, а затем понемногу переписываются на нужные. Но всё равно нужно иметь в виду, что в большинстве случаев при использовании any теряется весь смысл языка TypeScript, и ошибка в любом случае возникнет, но уже при попытке запустить приложение:</p>
8
<p>Данный способ допустим на начальном этапе перевода проекта из JavaScript в TypeScript, когда сначала все типы объявляются как any, а затем понемногу переписываются на нужные. Но всё равно нужно иметь в виду, что в большинстве случаев при использовании any теряется весь смысл языка TypeScript, и ошибка в любом случае возникнет, но уже при попытке запустить приложение:</p>
9
<p>Компилируем код в JavaScript и пробуем его запустить:</p>
9
<p>Компилируем код в JavaScript и пробуем его запустить:</p>
10
10