Несколько дней назад я опубликовал статью под названием 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:

  1. Система типов TypeScript помогает нам выявлять ошибки в нашем коде во время разработки (прекомпиляции), прежде чем он попадет в рабочую среду.
  2. TypeScript помогает нам документировать наш код. например просто взглянув на функцию sum выше, мы можем легко сказать, какой тип аргументов она принимает и каков ее возвращаемый тип.
  3. TypeScript помогает нам писать надежный код и повышает удобство работы разработчиков.
  4. TypeScript позволяет нам использовать новейшие версии ECMAScript в нашем коде TypeScript.

Заключение

TypeScript — это JavaScirpt с типами в нем. Поэтому мы не можем изучить TypeScript без изучения JavaScipt. Синтаксис TypeScript и поведение во время выполнения совпадают с JavaScript, поэтому все, что мы узнаем о JavaScript, поможет нам изучить TypeScript в самом начале. в то же время.

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

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

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

— -

Если вам понравилась эта статья, поставьте пару аплодисментов и не забудьте подписаться на меня на Medium, если вы еще этого не сделали. Вы также можете подписаться, чтобы получать электронные письма всякий раз, когда я публикую, и почему бы не купить мне ко-фи. Спасибо.