Typescript, вы, возможно, слышали о нем раньше, а теперь хотите узнать о нем больше или просто хотите узнать, как начать с него. Вы пришли в нужное место. Это своего рода учебник, в котором рассказывается, как приступить к работе с Typescript.

Предпосылки

Уметь использовать компьютер и компьютерный терминал (обязательно)

Знание любого языка программирования (обязательно)

Знать JavaScript (необязательно, но рекомендуется)

Что такое TypeScript?

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

Как получить TypeScript?

Чтобы установить TypeScript на свой компьютер, нужно выполнить два простых шага.

Сначала загрузите Node.js с помощью npm, если вы еще этого не сделали с: https://nodejs.org/en/.

Во-вторых, при любом запуске терминала

npm install -g typescript

и вуаля, вы знаете, что у вас есть TypeScript.

Как использовать TypeScript?

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

Чтобы использовать TypeScript, откройте IDE по выбору (рекомендуется VS code) или даже текстовый редактор. Создайте файл с любым именем, на сегодня мы назовем его «демо», а затем сохраните его с типом «.ts» для TypeScript.

В этом файле мы можем написать любой код TypeScript, какой захотим. Как обычно, начнем с простой программы HelloWorld. В вашем файле TypeScript напишите console.log("Hello World!").

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

npx tsc demo.ts

в терминале в месте нахождения файла (demo.ts переключено на ваше имя файла). Это создаст новый файл в той же папке, что и в JavaScript. Новый файл (demo. js) теперь можно запускать как любой файл JavaScript, запустив node demo.js.

Если вы хотите пропустить компиляцию в файл JavaScript, вы можете установить ts-node, который будет компилировать и запускать код TypeScript на лету.
Для установки запустите npm install -g ts-node, затем используйте npx ts-node demo.ts для запуска вашего кода.

Типы TypeScript

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

Типы объявляются при объявлении переменных. Например, при создании логического isTrue его можно объявить с типом Boolean как таковым.

let isTrue: boolean;

Он также может быть инициализирован, если объявлен как таковой

let isTrue: boolean = true;

если тип не указан, автоматически устанавливается тип инициализированного значения.

let isTrue = true;

В приведенном выше примере для isTrue задан логический тип, поскольку он инициализируется логическим значением.

let isTrue;

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

Включены основные типы, но не ограничиваются ими:

  • логическое: Истина или Ложь
  • строка: текст
  • число: числовые значения
  • Массив: коллекция любого типа
  • unknown: используется для неизвестных значений (для правильного использования необходимо добавить в код проверки typeof ())
  • Любой: любой тип, назначаемый
  • null: нулевое значение
  • undefined: неопределенное значение

Для переменной также можно задать множество различных типов с помощью | .

let birthday: string|number|null;

В приведенном выше примере день рождения может быть строкой, числом или нулем.

Функции также могут иметь тип, объявленный для их параметров и их возвращаемых типов.

let myAdd = function (value: number, increase: number): number {
return (value + increase);
};

Вывод

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

при необходимости код: https://github.com/YoussefZayed/Medium-content/tree/main/TypeScript