Основы TypeScript. Упрощенные переменные и типы

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

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

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

Объявление переменных

Вы можете объявлять переменные с помощью let, const и var. Однако рекомендуется использовать let и const из-за их возможностей блочной области видимости.

let age: number = 25;
const name: string = "Alice";

Базовые типы в TypeScript

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

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

Пример числа

let count: number = 100;

Пример строки

let greeting: string = "Hello, World!";

Пример логического значения

let isActive: boolean = true;

Пример массива

let scores: number[] = [90, 80, 70];

Пример объекта

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Вывод типа

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

Пример вывода типа

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Тип аннотаций

Аннотации типов позволяют явно определять тип переменной. Это помогает гарантировать, что значения, назначенные переменным, соответствуют ожидаемому типу.

Пример аннотации типа

let isLoggedIn: boolean = false;

Заключение

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

Освоив эти основы, вы будете на пути к освоению TypeScript и использованию всего его потенциала для создания надежных приложений.