Пошук уроків, статей та іншого контенту
Навіщо потрібна статична типізація, базові типи та перші кроки з TypeScript.
TypeScript — це надмножина JavaScript, яка додає статичну типізацію. Код на TypeScript компілюється у звичайний JavaScript, тож він працює всюди, де працює JS.
TypeScript не змінює поведінку коду під час виконання — усі перевірки типів відбуваються на етапі компіляції та допомагають знайти помилки ще до запуску.
let age: number = 30;
let name: string = "Тарас";
let isActive: boolean = true;
let tags: string[] = ["dev", "ua"];Інтерфейси описують форму об'єкта — які поля він має і якого вони типу:
interface User {
id: string;
name: string;
email: string;
role?: "admin" | "user"; // необов'язкове поле
}
function greet(user: User): string {
return `Привіт, ${user.name}!`;
}Помилки на кшталт звернення до неіснуючого поля виявляються ще в редакторі, а не в продакшені.
Автодоповнення в IDE стає значно точнішим завдяки відомим типам.
Рефакторинг великих кодових баз стає безпечнішим — компілятор підкаже всі місця, де щось зламалось.
Спробуйте самостійно
Опишіть інтерфейс Product з полями id, title та price, а потім напишіть функцію, яка приймає масив Product[] і повертає загальну суму цін.