Что такое TypeScript и почему стоит использовать его вместо JavaScript?

Что такое TypeScript?

TypeScript — это надстройка над JavaScript, которая добавляет статическую типизацию. Простыми словами: это тот же JavaScript, но с возможностью указывать типы данных (числа, строки, объекты и т.д.). TypeScript код компилируется в обычный JS, который работает везде.

Главное отличие от JavaScript

JavaScript — динамически типизированный язык. Переменная может хранить число, потом строку, потом объект — ошибки не будет до выполнения кода. TypeScript проверяет типы на этапе написания кода (до запуска), что предотвращает целый класс багов.

Как TypeScript решает вашу проблему

Ваш пример с функцией calculateTotal — классическая ситуация. В TypeScript вы бы написали так:

function calculateTotal(price: number, quantity: number): number {
    return price * quantity;
}

// Ошибка на этапе написания кода!
let total = calculateTotal("100", 2); 
// TypeScript подсветит: "Аргумент типа 'string' не может быть присвоен параметру типа 'number'"

Вы увидите красное подчёркивание прямо в редакторе кода, не запуская программу. Это экономит часы дебаггинга.

Дополнительные возможности TypeScript

• Интерфейсы и типы — описывают структуру объектов
• Автодополнение — редактор подсказывает методы и свойства
• Рефакторинг — безопасное переименование и изменение кода
• Документация в коде — типы служат документацией для других разработчиков

Пример с интерфейсом

interface Product {
    id: number;
    name: string;
    price: number;
    inStock: boolean;
}

function getProductPrice(product: Product): number {
    return product.price;
}

// Ошибка: свойство 'price' обязательно
const invalidProduct = { id: 1, name: "Phone" }; 
getProductPrice(invalidProduct); // TypeScript не даст это сделать

Почему стоит перейти на TypeScript

TypeScript не делает код медленнее (он компилируется в JS), но делает его надёжнее. Вы будете тратить меньше времени на отлов глупых ошибок, а больше — на реальную логику приложения. Начать легко: достаточно переименовать .js в .ts и постепенно добавлять типы. Все современные фреймворки (React, Angular, Vue) отлично поддерживают TypeScript.