Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 TypeScript на нашем проекте дается как второй язык. Поэтому чтобы лучше понимать материал курса, стоит владеть JavaScript или другими языками программирования. Также нужно иметь представление о типах данных, переменных, условных конструкциях, циклах, функциях, свойствах и методах объектов, а также анонимных или лямбда-функциях. Изучать второй язык проще первого, поэтому и структура материала сильно меняется. Здесь мы обзорно касаемся базовых конструкций, чтобы быстро познакомиться с синтаксисом. Далее переходим к задачам, ради которых и изучается TypeScript.

2 В этом уроке мы узнаем, что такое TypeScript, а также разберем его особенности, установку и запуск.

3 <h2>Что такое TypeScript</h2>

4 TypeScript - это JavaScript с дополнительным синтаксисом для указания типов данных. Первый относится к статически типизированным языкам, второй - к динамически типизированным. Чтобы подробнее познакомиться с TypeScript, сравним его с JavaScript.

5 У динамически типизированных языков по типу JavaScript есть интерпретатор - программа, которая выполняет код построчно без предварительного анализа:

6 Если в таком коде есть ошибки типов, например, в функцию вместо обычного числа пришло число типа BigInt, то об ошибке мы узнаем только во время запуска кода:

7 Статически типизированные языки по типу TypeScript работают по-другому. У них есть ряд преимуществ:

8 <ul><li>Нахождение некоторых видов ошибок еще до запуска кода</li>

9 <li>Более простой рефакторинг кода</li>

10 <li>Полная поддержка возможностей редактора - автодополнения, навигации по коду и прочее</li>

11 </ul>Перед запуском кода в TypeScript на выполнение его нужно скомпилировать.

12 Во время компиляции проверяется, что программатипобезопасна- не содержит ошибок, подобных примеру выше. Если компилятор нашел несоответствие типов, то он останавливает компиляцию и выводит предупреждения о том, где типы не сходятся.

13 Тот же пример на TypeScript:

14 Код выше не только не запустится на исполнение, но и не пройдет компиляцию. Компилятор TypeScript остановит выполнение и укажет на ошибку несоответствия типов.

15 Если посмотреть на определение функции, то можно увидеть, что перед нами практически тот же JavaScript, за исключением описания типов входных переменных функции. Там указано, что у параметров a и b тип number. Примерно так же аннотируется типами и остальной код на TypeScript. Местами описания типов могут быть очень сложными, но сама идея остается прежней.

16 Нельзя сказать однозначно, какой подход лучше - статическая или динамическая типизация. Всё зависит от конкретной ситуации, а успешные проекты могут быть на разных языках.

17 <h2>Какие особенности у TypeScript</h2>

18 TypeScript стал одним из самых популярных типизированных языков, потому что:

19 <ul><li>Его разработала компания Microsoft</li>

20 <li>Он почти полностью совместим с JavaScript с точки зрения возможностей и типов - другими словами, это "JavaScript с описанием типов" или "надмножество языка JavaScript"</li>

21 <li>Его компилятор поддерживаеттранспиляцию- умеет превращать TypeScript-код в JavaScript-код, удаляя определения типов</li>

22 <li>У него строгая типизация</li>

23 </ul>Последнюю особенность разберем подробнее.

24 <h3>Строгая типизация</h3>

25 Строгая типизация не связана со статической. Она говорит о том, насколько язык допускает автоматические преобразования типов. То есть статический язык может быть нестрогим, и наоборот.

26 Например, в JavaScript мы можем сложить число со строкой. Когда язык встречает такую конструкцию, он автоматически выполнит преобразование типов: 10 + 'one'. В TypeScript так не получится. Он выдаст ошибку:

27 <blockquote>The right-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type

28 </blockquote>Многие динамические языки строго типизированы. Например, к ним относятся Ruby и Python. Строгая типизация делает язык только лучше и не усложняет процесс программирования.

29 Мы разобрали преимущества и особенности TypeScript. Теперь можно научиться его устанавливать.

30 <h2>Как устанавливать и запускать TypeScript</h2>

31 Сам TypeScript написан на TypeScript, который затем транспилируется в JavaScript и распространяется как обычный NPM-пакет. Поэтому установка TypeScript предельно простая:

32 Затем нужно создать файлы с кодом на TypeScript. Они имеют расширениеts. Компилятор TypeScript доступен через утилиту tsc:

33 На выходе получается файл с JavaScript-кодом, который уже можно запускать с помощью Node.js:

34 Также можно поставить пакет<a>ts-node</a>, который выполняет одновременно компиляцию и запуск. Этот пакет предоставляет REPL для экспериментов с TypeScript.

35 В этом уроке мы познакомились с языком TypeScript. Мы узнали, что это тот же JavaScript, но с дополнительным синтаксисом для указания типов данных.

36 При этом нельзя сказать, какой из языков лучше. Всё зависит от конкретной задачи и особенности языка.

37 С особенностями TypeScript мы также познакомились в этом уроке, а еще научились его устанавливать и запускать.