TypeScript с нуля в 2025: полное руководство для начинающих

Введение в TypeScript: с чего начать в 2025 году

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

Почему стоит выбрать TypeScript? Во-первых, он выявляет ошибки на этапе компиляции, а не во время выполнения программы. Во-вторых, улучшает автодополнение в редакторах кода. В-третьих, он активно поддерживается сообществом и используется в таких проектах, как Angular, React, Next.js и NestJS. Давайте погрузимся в детали.

1. Установка и настройка TypeScript

Для начала работы вам понадобится Node.js версии 18 или выше. Убедитесь, что он установлен, выполнив команду:

node -v

Если Node.js не установлен, скачайте его с официального сайта. Затем установите TypeScript глобально через npm:

npm install -g typescript

Проверьте установку:

tsc --version

Теперь создайте первую программу. Создайте файл hello.ts:

let message: string = "Привет, TypeScript 2025!";
console.log(message);

Скомпилируйте его в JavaScript:

tsc hello.ts

После этого появится файл hello.js, который можно запустить через Node.js:

node hello.js

Для удобства можно настроить компилятор с помощью файла tsconfig.json. Создайте его командой:

tsc --init

В нём вы можете указать настройки, такие как строгий режим проверки типов, целевая версия ECMAScript и пути к файлам.

2. Основы типов: от простых к сложным

TypeScript предлагает широкий набор типов данных. Начнём с базовых:

• number — числа (целые и с плавающей точкой).
• string — строки.
• boolean — логические значения (true/false).
• null и undefined — пустые значения.
• any — любой тип (используйте с осторожностью).

Пример объявления переменных с типами:

let age: number = 25;
let name: string = "Анна";
let isStudent: boolean = true;
let data: any = "может быть чем угодно";

Более интересные типы — массивы и кортежи:

let numbers: number[] = [1, 2, 3];
let pair: [string, number] = ["год", 2025];

Также важны перечисления (enum):

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT"
}
let move: Direction = Direction.Up;

В 2025 году активно используются литеральные типы и union-типы. Они позволяют задать точное значение или объединение нескольких типов:

let status: "active" | "inactive" = "active";
let id: number | string = "ABC123";

3. Функции, интерфейсы и классы

TypeScript строго типизирует функции. Вы можете указать типы параметров и возвращаемого значения:

function greet(name: string): string {
  return `Привет, ${name}!`;
}
console.log(greet("Мир"));

Для описания структуры объектов используйте интерфейсы:

interface User {
  id: number;
  name: string;
  email?: string; // необязательное поле
}
const user: User = { id: 1, name: "Иван" };

Классы в TypeScript работают как в ES6+, но с поддержкой модификаторов доступа:

class Animal {
  public name: string;
  private age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  public getInfo(): string {
    return `${this.name}, возраст: ${this.age}`;
  }
}
const dog = new Animal("Бобик", 3);
console.log(dog.getInfo());

В 2025 году популярны также абстрактные классы и дженерики (обобщённые типы), которые делают код гибким и переиспользуемым:

function identity<T>(arg: T): T {
  return arg;
}
let output = identity<string>("TypeScript");

4. Советы для новичков в 2025 году

Чтобы изучение TypeScript было эффективным, придерживайтесь следующих рекомендаций:

• Начните с JavaScript. Хотя TypeScript можно учить с нуля, базовое понимание JS упростит процесс.
• Используйте строгий режим. Включите "strict": true в tsconfig.json — это поможет избежать многих ошибок.
• Практикуйтесь на реальных проектах. Попробуйте переписать небольшой JS-проект на TypeScript.
• Изучайте документацию. Официальный сайт TypeScript содержит отличные примеры и руководства.
• Пользуйтесь редакторами с поддержкой TS. Visual Studio Code, WebStorm и другие IDE предлагают мощные подсказки.
• Следите за новинками. В 2025 году вышли улучшения для декораторов, улучшенная поддержка модулей и новые утилитарные типы.

Попробуйте написать простой калькулятор с использованием TypeScript, чтобы закрепить навыки:

function add(a: number, b: number): number {
  return a + b;
}
function subtract(a: number, b: number): number {
  return a - b;
}
console.log(`Сумма: ${add(10, 5)}`);
console.log(`Разность: ${subt