Начало работы с TypeScript для начинающих

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

Что такое TypeScript?

TypeScript — язык программирования с открытым исходным кодом, разработанный корпорацией Microsoft. Он основан на JavaScript, добавляя статические типы, которые могут помочь выявить ошибки во время компиляции, а не во время выполнения. Это упрощает написание надежного и поддерживаемого кода. Код TypeScript необходимо скомпилировать в JavaScript, прежде чем его можно будет запустить в браузере или среде Node.js.

Зачем использовать TypeScript?

• Улучшенное качество кода и раннее обнаружение ошибок благодаря статической типизации
• Улучшенные инструменты и функции автозаполнения в современных IDE
• Улучшенная читаемость и удобство обслуживания для больших кодовых баз
• Поддерживает новейшие функции JavaScript и будущие стандарты

Как установить TypeScript

Прежде чем начать использовать TypeScript, вам нужно установить его на свой компьютер. Вам понадобятся установленные Node.js и npm (Node Package Manager). Если они у вас не установлены, загрузите их с сайта Node.js.

1. Откройте терминал или командную строку.
2. Выполните следующую команду для глобальной установки TypeScript:

npm install -g typescript

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

Создание вашей первой программы TypeScript

После установки TypeScript вы можете создать свой первый файл TypeScript. Выполните следующие шаги:

1. Создайте новую папку для своего проекта и перейдите в нее с помощью терминала:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Создайте новый файл TypeScript с именем app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Это создает простой файл TypeScript, который выводит на консоль сообщение «Hello, TypeScript!».

Компиляция TypeScript в JavaScript

Код TypeScript не может быть выполнен напрямую браузерами или Node.js; сначала его нужно скомпилировать в JavaScript. Вы можете скомпилировать файл TypeScript, выполнив следующую команду в терминале:

tsc app.ts

Эта команда генерирует файл JavaScript с именем app.js в том же каталоге. Теперь вы можете запустить скомпилированный файл JavaScript с помощью Node.js:

node app.js

Вы должны увидеть на консоли сообщение Hello, TypeScript!.

Понимание основных типов в TypeScript

TypeScript вводит несколько базовых типов, которые помогают вам определить форму и структуру ваших данных. Вот несколько распространенных типов:

• Число: представляет числовые значения.
• String: представляет текстовые значения.
• Boolean: представляет истинные или ложные значения.
• Array: представляет собой набор значений одного типа.
• Tuple: представляет массив с фиксированным числом элементов разных типов.
• Enum: представляет коллекцию именованных констант.
• Any: представляет динамический тип, который может содержать любое значение.

Пример: использование типов в TypeScript

Давайте рассмотрим простой пример, демонстрирующий использование различных типов в TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

В этом примере мы определяем переменные с определенными типами, такими как number, string, boolean, array, tuple и enum. Компилятор TypeScript гарантирует, что переменным будут назначены правильные типы, обеспечивая уровень безопасности, который не предлагает чистый JavaScript.

Заключение

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