Как использовать типы в TypeScript. Объяснение для начинающих

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

Что такое типы в TypeScript?

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

Основные типы

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

• Число: Представляет числовые значения.
• Строка: Представляет текстовые данные.
• Логическое значение: Представляет истинные или ложные значения.
• Массив: Представляет собой коллекцию значений определенного типа.
• Объект: Представляет коллекцию пар ключ-значение.

Пример числа

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 вы откроете для себя еще больше продвинутых функций и шаблонов, которые могут еще больше улучшить ваш процесс разработки.