Введение в TypeScript

Что такое TypeScript?

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

TypeScript vs JavaScript

// JavaScript — без проверки типов
function add(a, b) {
    return a + b;
}
add("2", 3)  // "23" — неожиданная ошибка!

// TypeScript — ловит ошибку во время компиляции
function add(a: number, b: number): number {
    return a + b;
}
add("2", 3)  // ❌ Ошибка: тип 'string' нельзя присвоить 'number'

Где используется TypeScript?

• Frontend — Angular (написан на TS), React, Vue с TypeScript
• Backend — Node.js, NestJS, Deno
• Full-stack — Next.js, Remix, SvelteKit
• Библиотеки — большинство современных npm-пакетов содержат типы TypeScript

Первая программа на TypeScript

const greeting: string = "Hello, World!";
console.log(greeting);

Почему стоит учить TypeScript?

• 🐞 Ловите ошибки до выхода в продакшн
• 📝 Лучший автокомплит и рефакторинг в IDE
• 🏢 Требуется в большинстве крупных IT-компаний
• 📚 Самодокументирующийся код — типы как документация