Початок роботи з 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 представляє кілька основних типів, які допомагають визначити форму та структуру ваших даних. Ось кілька поширених типів:

• Число: представляє числові значення.
• Рядок: представляє текстові значення.
• Boolean: представляє значення true або false.
• Масив: представляє набір значень одного типу.
• Кортеж: представляє масив із фіксованою кількістю елементів різних типів.
• 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);

У цьому прикладі ми визначаємо змінні з певними типами, наприклад число, рядок, логічний, масив, кортеж і enum. Компілятор TypeScript гарантує, що змінним призначаються правильні типи, забезпечуючи рівень безпеки, якого не пропонує мінімальний JavaScript.

Висновок

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