Создание приложений JavaScript с помощью TypeScript
TypeScript предоставляет все возможности JavaScript, а также дополнительный уровень — систему типов TypeScript. В этой схеме обучения показано, как используя TypeScript для разработки JavaScript, можно создавать более надежный код, сокращать ошибки типов среды выполнения, использовать преимущества современных функций, прежде чем они будут доступны в JavaScript, и оптимизировать работу с командами разработчиков.
Предварительные требования
- Знакомство с базовым HTML и JavaScript ES6/2015, включая:
- Условные выражения
- Функции
- Область
- Массивы
- Циклы
- Итераторы
- Объект
- Классы
- Модули
- Установленное программное обеспечение:
- Git
- Visual Studio Code
- Node.js
- TypeScript
Код достижения
Вы хотите запросить код достижения?
Модули, включенные в эту схему обучения
В этом модуле представлены сведения о языке TypeScript, причинах его создания и его использовании для разработки JavaScript. Вы также настроите среду разработки TypeScript для будущих упражнений.
JavaScript — язык с динамической типизацией. Это упрощает объявление переменных, но в некоторых случаях может приводить к непредвиденным результатам. Статическая система типов в TypeScript позволяет описывать форму объектов, предоставлять более качественную документацию и проверять правильность работы кода. В TypeScript при объявлении пространств имен, классов, свойств, функций, переменных и других элементов языка с ними связываются типы. Способ определения типа и его сопоставления с элементом языка зависит от характера этого элемента. В этом модуле представлены некоторые из имеющихся типов и показано, как связывать их с переменными. Последующие модули будут посвящены тому, как в интерфейсах, функциях и классах используется статическая типизация.
JavaScript не поддерживает интерфейсы, поэтому, если вы разработчик JavaScript, у вас может не быть опыта работы с ними. В TypeScript интерфейсы можно использовать так же, как в традиционном объектно-ориентированном программировании. Можно также использовать интерфейсы для определения типов объектов. Как раз об этом мы и будем говорить в этом модуле.
Если вы умеете писать функции на JavaScript, значит вам уже известно, как писать функции на TypeScript. Но в TypeScript к стандартным функциям JavaScript добавлен ряд новых возможностей, которые упрощают работу с ними.
Классы в TypeScript расширяют функциональные возможности ES6, добавляя специальные функции TypeScript, например заметки с типами для членов класса, модификаторы доступа и возможность указания обязательных или необязательных параметров. Еще одним преимуществом языка TypeScript является то, что его можно использовать для разработки с применением классов, а затем при необходимости компилировать результат в код JavaScript, который работает во всех основных браузерах и на всех распространенных платформах.
Универсальные шаблоны являются шаблонами кода, которые можно определять и использовать в базе кода. Они предоставляют способ указать функциям, классам или интерфейсам, какой тип вы хотите использовать при вызове.
TypeScript предоставляет два способа организации кода: пространства имен и модули. В этом модуле содержатся сведения о модулях в TypeScript (которые в предыдущих версиях называются внешними модулями).
TypeScript предоставляет два способа упорядочения кода — пространства имен и модули. В этом модуле объясняется, как упорядочить код TypeScript с помощью пространств имен.