Несколько дней назад я опубликовал статью под названием TypeScript — разница между «любым и неизвестным типом», и по реакции некоторых моих последователей, все еще занимающихся веб-разработкой, я понял, что некоторые из них не знать, что такое TypeScript.
Итак, в этой статье я представлю краткое введение в TypeScript.
Чтобы лучше понять, что такое TypeScript, начнем с JavaScript.
JavaScript
Проще говоря, JavaScript (часто сокращенно обозначаемый как JS и также известный как ECMAScript) – это язык программирования, используемый для программирование веб-страниц. То есть это язык сценариев для веб-страниц. Однако многие небраузерные среды также используют его, например Node.js, Apache CouchDB и Adobe Acrobat.
С технической точки зрения, JavaScript — это облегченный, интерпретируемый или точно вовремя скомпилированный язык программирования с первоклассными функциями. Это основанный на прототипах, мультипарадигменный, однопоточный, динамический язык, поддерживающий объектно-ориентированный, императивный и декларативный стили. Узнайте больше о JavaScript здесь.
Javascript используется программистами по всему миру для создания динамического и интерактивного веб-контента, такого как приложения и браузеры. JavaScript настолько популярен, что является наиболее часто используемым языком программирования в мире, который используется в качестве клиентского языка программирования 97,0% всех веб-сайтов.
Теперь о TypeScript.
TypeScript
По сути, TypeScript (часто сокращенно TS) — это JavaScript с добавленным синтаксисом для типов. W3Schools определяет TypeScript как синтаксическую надстройку JavaScript, которая добавляет статическую типизацию. В основном это означает, что TypeScript добавляет синтаксис поверх JavaScript, позволяя разработчикам добавлять типы.
Таким образом, синтаксис JS является законным TS. Синтаксис относится к тому, как мы пишем текст для формирования программы.
Мы также можем сказать, что TypeScript — это JavaScript с новейшими функциями ECMAScript и статической системой типов. TypeScript компилируется в JavaScript, поэтому браузеры используют JavaScript, а не TypeScript.
Пример:
Вот простая функция на JavaScript, которая принимает 2 аргумента (числа) и возвращает их сумму:
function sum(num1, num2) { return num1 + num2; }
Вот как мы напишем ту же функцию на TypeScript:
function sum(num1: number, num2: number): number { return num1 + num2; }
Синтаксис:
sum(num1: number, num2: number): number
ясно говорит нам, что функция sum
принимает два аргумента: num1
, который является number
, и num2
, который является number
, а последний number
означает возвращаемый тип функции, number
.
Если мы попытаемся вызвать функцию sum
выше, передав ей что-то, что не является числом, например:
sum('hello', 2)
Используя TypeScript, компилятор TypeScirpt немедленно подчеркнет строку «hello» и выдаст нам сообщение об ошибке:
Используя JavaScript, мы не получаем подобных предупреждений, пока не запустим программу.
Чтобы узнать больше о примитивных типах, используемых в TypeScript, ознакомьтесь с этой статьей.
Преимущества использования TypeScript
Вот некоторые преимущества использования TypeScript по сравнению с JavaScript:
- Система типов TypeScript помогает нам выявлять ошибки в нашем коде во время разработки (прекомпиляции), прежде чем он попадет в рабочую среду.
- TypeScript помогает нам документировать наш код. например просто взглянув на функцию
sum
выше, мы можем легко сказать, какой тип аргументов она принимает и каков ее возвращаемый тип. - TypeScript помогает нам писать надежный код и повышает удобство работы разработчиков.
- TypeScript позволяет нам использовать новейшие версии ECMAScript в нашем коде TypeScript.
Заключение
TypeScript — это JavaScirpt с типами в нем. Поэтому мы не можем изучить TypeScript без изучения JavaScipt. Синтаксис TypeScript и поведение во время выполнения совпадают с JavaScript, поэтому все, что мы узнаем о JavaScript, поможет нам изучить TypeScript в самом начале. в то же время.
Кроме того, TypeScript имеет ряд преимуществ по сравнению с JavaScript, как показано выше. Узнайте больше о TypeScript здесь.
Если мы используем библиотеку или фреймворк, например React, можно и очень легко настроить проект React для работы с TypeScript. Узнайте больше об использовании TypeScript с React здесь.
Поэтому, если вы разработчик и хотите создать приложение любого разумного размера, я советую вам использовать TypeScript вместо JavaScript во внешнем интерфейсе.
— -
Если вам понравилась эта статья, поставьте пару аплодисментов и не забудьте подписаться на меня на Medium, если вы еще этого не сделали. Вы также можете подписаться, чтобы получать электронные письма всякий раз, когда я публикую, и почему бы не купить мне ко-фи. Спасибо.