Як використовувати типи в TypeScript для початківців

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

Що таке типи в TypeScript?

Типи в TypeScript допомагають визначити форму та структуру даних. Вказуючи типи, ви гарантуєте, що змінні, параметри функції та значення, що повертаються, відповідають очікуваним форматам. Це може запобігти багатьом типовим помилкам програмування.

Основні типи

TypeScript надає кілька основних типів, які можна використовувати для визначення змінних і функцій:

• Число: Представляє числові значення.
• Рядок: Представляє текстові дані.
• Boolean: Відображає значення true або false.
• Array: Представляє набір значень певного типу.
• Object: Представляє набір пар ключ-значення.

Приклад числа

let age: number = 30;

Приклад рядка

let name: string = "John Doe";

Логічний приклад

let isStudent: boolean = true;

Приклад масиву

let scores: number[] = [85, 90, 78];

Приклад об'єкта

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Типовий висновок

TypeScript може автоматично виводити типи на основі призначених значень. Це означає, що вам не завжди потрібно явно вказувати типи, хоча це може покращити ясність коду.

Приклад виведення типу

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Спеціальні типи з інтерфейсами

Інтерфейси в TypeScript дозволяють визначати власні типи з певною структурою. Вони особливо корисні для створення складних об’єктів і забезпечення узгоджених форм у вашій програмі.

Приклад інтерфейсу

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Типи спілок

Типи об’єднань дозволяють змінній зберігати значення кількох типів. Це може бути корисно, коли значення може бути одного з кількох типів.

Приклад типу союзу

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Псевдоніми типу

Псевдоніми типів дозволяють створити нове ім’я для типу. Це може бути корисним для спрощення визначень складних типів.

Приклад псевдоніма типу

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Висновок

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