TypeScript против JavaScript: в чем разница?

Если вы новичок в разработке, то, возможно, слышали о TypeScript, относительно новом языке программирования, который приобрел популярность с момента его выпуска в 2012 году компанией Microsoft.

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

TypeScript — это надмножество JavaScript.

Вы можете думать о расширении языка программирования как о расширении, которое вводит новые функции и расширяет возможности этого языка. Другими словами, любая программа, написанная на JavaScript, будет работать и на TypeScript.

Итак, если вы уже знаете JavaScript, изучение TypeScript будет для вас довольно естественным.

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

Содержание

Что такое JavaScript?
Что такое TypeScript?
Преимущества TypeScript
Недостатки TypeScript
Сравнительная таблица: TypeScript и JavaScript
Должен ли я изучать TypeScript?
Установка
Через пакет npm
Через код Microsoft Visual Studio

Что такое JavaScript?

JavaScript ES6 (также известный как ECMAScript 6) — это клиентский кроссплатформенный язык сценариев на основе прототипов, созданный Бренданом Эйхом.

JavaScript широко используется в интерфейсной веб-разработке для создания динамических интерактивных веб-приложений. JavaScript динамически типизирован, то есть вся проверка типов происходит во время компиляции. Языки с динамической типизацией отдают приоритет эффективности разработчиков, позволяя им писать меньше кода для завершения своих проектов.

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

JavaScript также запускается непосредственно в веб-браузере, поэтому для выполнения кода JavaScript не требуются дополнительные ресурсы. Тем не менее, отладка каскада ошибок сразу, а не по ходу, все еще может быть сложной задачей.

Примечание. Другими примерами языков с динамической типизацией являются Python, PHP, Perl и Ruby.

С момента своего появления в 1995 году JavaScript претерпел несколько итераций, чтобы улучшить его функциональность и упростить разработку программного обеспечения. Теперь его можно использовать даже для создания интерактивных игр!

Обычный JavaScript начинался как очень простой язык, предназначенный для встраивания в веб-страницу в виде коротких фрагментов кода. Это потому, что в то время веб-браузер мог обрабатывать всего несколько десятков строк кода, не становясь при этом слишком медленным.

Теперь современные браузеры могут запускать приложения JavaScript с сотнями тысяч строк кода.

JavaScript также выигрывает от наличия большого увлеченного сообщества, обширной документации и множества библиотек и фреймворков. Кроме того, JavaScript поддерживает множество клиентских API, которые могут сократить объем кода, который необходимо написать разработчику программного обеспечения. По этим причинам JavaScript является популярным выбором для большинства команд разработчиков.

При этом JavaScript изначально не предназначался для использования в больших проектах. Таким образом, несмотря на то, что небольшие проекты могут быть надежно отлажены, попытка отладки большого проекта в JavaScript может оказаться утомительным и трудоемким процессом.

Примечание : вы можете не думать о JavaScript как об объектно-ориентированном языке программирования, но на самом деле он отлично поддерживает ООП!

Что такое TypeScript?

TypeScript — это язык программирования с открытым исходным кодом, но он начинался как внутренний продукт Microsoft в 2010 году. TypeScript стал общедоступным на GitHub [2] в конце 2012 года.

Поскольку TypeScript считается строгой надстройкой ECMAScript 2015, любая программа JavaScript также может считаться программой TypeScript.

В отличие от JavaScript, TypeScript — это язык программирования со статической типизацией. Как средство проверки статического типа, TypeScript будет проверять поведение определенных переменных перед запуском вашей программы. Это имеет место даже в том случае, когда вы объявляете переменные без указания их типа. В таких ситуациях TypeScript может автоматически назначать типы объявленным переменным. Это известно как вывод типов и является встроенной возможностью других языков, таких как Kotlin и Scala.

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

Примечание. К языкам со статической типизацией относятся Java, C и C++. При статической типизации программист должен указать тип данных каждой объявляемой переменной.

TypeScript был построен на основе 11 целей дизайна:

Microsoft определила 11 ключевых целей, которые будут способствовать развитию TypeScript.

Статическая идентификация потенциальных ошибок
Обеспечьте способ структурирования больших частей кода
Избегайте увеличения времени выполнения программы
Скомпилируйте чистый, узнаваемый JavaScript
Создайте язык, который является составным и простым для рассуждений
Сохраняйте полную совместимость с текущими и будущими версиями JavaScript
Сохраняйте поведение всего кода JavaScript во время выполнения
Избегайте добавления синтаксиса уровня выражения
Сделайте TypeScript согласованным и полностью стираемым
Быть кроссплатформенным инструментом разработки
Изменения языка не должны нарушать прошлые версии TypeScript

Преимущества TypeScript

TypeScript предоставляет два сильных преимущества перед JavaScript:

TypeScript преобразуется в JavaScript : TypeScript изменяет и заменяет свой собственный код функционирующим JavaScript во время компиляции, позволяя использовать расширенные функции ECMAScript в старых браузерах, которые обычно их не поддерживают.
TypeScript может применять статическую типизацию : статическая типизация выявляет потенциальные проблемы на более ранних этапах жизненного цикла разработки, назначая типы данных всем объявленным переменным.

Примечание. Полифил — это фрагмент кода (обычно написанный на JavaScript), который пытается имитировать методы новой функции. Полифиллинг позволяет старым браузерам поддерживать новые функции, которые обычно не поддерживаются.

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

Компилятор TypeScript также легко настраивается. Существует множество вариантов регулирования различных аспектов проверки типов и компиляции. Чем строже проверки, тем больше ошибок может обнаружить компилятор TypeScript.

Самая распространенная ошибка TypeScript связана с присваиваемостью типа. Основная цель средства проверки типов — убедиться, что значениям предоставлены правильные типы.

Дополнительные возможности

Совместимость : TypeScript поддерживает практически все фреймворки и библиотеки JavaScript, в том числе:
- React : одностраничное приложение (SPA), использующее виртуальный DOM для улучшения памяти и производительности.
- Vue : написан на TypeScript, легко интегрируется в приложения.
- Angular : отлично подходит для быстрого прототипирования, простого тестирования и оптимизации производительности сервера.
Синтаксический сахар : применение строгих типов упрощает чтение кода, поскольку вам не нужно думать о том, какой тип имеет переменная.

Недостатки TypeScript

У использования TypeScript есть несколько недостатков, но вы должны сопоставить их с преимуществами и посмотреть, подходит ли он вам.

Вот несколько недостатков, которые следует учитывать:

Время компиляции : программы TypeScript имеют более высокую скорость выполнения по сравнению с программами, написанными на JavaScript.
Кривая обучения : TypeScript немного сложнее, чем JavaScript, и потребуется время, чтобы привыкнуть к нему.
Несоответствие типов : поскольку код TypeScript переносится в JavaScript во время выполнения, вы можете столкнуться с необычными ошибками и несоответствием типов.
Меньшая гибкость : переменные и параметры менее гибкие в TypeScript.

Сравнительная таблица: TypeScript и JavaScript

TypeScript	JavaScript
Выпущен в 2012 г.	Выпущен в 1995 г.
Компилируется в JavaScript	Независимый язык
Статическая типизация, строго типизированная	Динамическая типизация, слабо типизированная
Скомпилированный язык, не может быть выполнен непосредственно в веб-браузере	Интерпретируемый язык, способный выполняться непосредственно в веб-браузере.
Кривая обучения несколько крутая	Легко учить
Прототипирование	Доступно прототипирование
Меньше документации	Обширная документация
Растущее сообщество с меньшими ресурсами	Большое сообщество разработчиков и ресурсов JavaScript
Лучше всего подходит для сложных или крупных проектов	Лучше всего подходит для небольших проектов
Поддерживает все библиотеки JS.	Библиотеки JS работают по умолчанию
Поддерживает модули, дженерики и интерфейсы.	Не поддерживает модули, дженерики или интерфейсы.
Настройка сборки с пакетом npm	Не требуется настройка сборки
Числа и строки — это интерфейсы	Числа и строка являются объектами

Должен ли я изучать TypeScript?

Если вы новичок в веб-разработке и планируете работать над небольшими проектами, то JavaScript — идеальное место для начала.

Если вы уже знакомы с JavaScript, то ваше решение в конечном итоге будет зависеть от того, нравятся ли вам как разработчику программного обеспечения те или иные функции TypeScript. В зависимости от контекста (и ваших приоритетов) иногда определенно может быть выгоднее использовать JavaScript, а не TypeScript.

Например, одним из наиболее заметных недостатков компилируемого языка, такого как TypeScript, является дополнительное время, необходимое для выполнения. Если приоритетом является сокращение времени компиляции, лучшим выбором будет JavaScript.

Если вас больше заботит возможность чтения кода, который вы пишете, а не время его компиляции, то TypeScript будет иметь явное преимущество.

Примечание. Следует иметь в виду, что разработчики TypeScript обычно получают в среднем более высокую компенсацию, потому что их меньше, чем разработчиков JavaScript. Тем не менее, никогда не помешает иметь еще одно перо в шляпе!

Установка

Через пакет npm

Во-первых, убедитесь, что у вас есть IDE, диспетчер пакетов Node.js (npm) и компилятор TypeScript. Node.js предоставляет среду, в которой может работать ваш пакет TypeScript.

Затем откройте командную строку или терминал и введите следующее: