Примітивні типи та анотації

TypeScript — це типовий наднабір JavaScript, тобто він додає синтаксис статичних типів поверх існуючого JavaScript. Під час виконання весь код TypeScript компілюється в чистий JavaScript, а типи повністю зникають під час процесу збирання.

Завдяки TypeScript ви можете виявляти помилки до того, як код запуститься в браузері, що робить ваш процес розробки більш надійним, безпечним і масштабованим.

Примітивні типи

TypeScript підтримує стандартні примітивні типи JavaScript:

• string: представляє послідовності символів (наприклад, 'Alice', "Hello").
• number: представляє числові значення, як цілі, так і десяткові (наприклад, 42, 3.14).
• boolean: представляє значення істинності (true або false).
• null та undefined: представляють навмисну ​​або ненавмисну ​​відсутність значення.

const username: string = 'Alice';
const score: number = 100;
const isActive: boolean = true;

Анотації змінних і висновок

У TypeScript ми можемо додати анотацію типу, використовуючи двокрапку (:), за якою йде тип.

Якщо ви спробуєте призначити значення іншого типу (наприклад, призначити рядок age, визначеному як number), компілятор TypeScript негайно викличе помилку ще до запуску коду.

Небезпека типу any

Тип any — це спеціальний вихідний люк, який повідомляє TypeScript повністю вимкнути перевірку типу для цієї змінної.

let data: any = 42;
data = 'Hello'; // No error!
data.nonExistentMethod(); // No error at compile time, but it crashes at runtime!

Використання any зводить нанівець усі переваги безпеки використання TypeScript. Це вважається поганою практикою, і її майже завжди слід уникати у робочому коді.

Анотації функцій і тип void

Ми можемо анотувати як параметри, так і повернене значення функції:

function calculateTax(price: number, taxRate: number): number {
  return price * taxRate;
}

Якщо функція не повертає жодного значення (наприклад, вона виконує лише console.log), її тип повертається void:

function logMessage(message: string): void {
  console.log(message);
}

Спробуйте самі

Вправа 1: типізовані змінні

Вправа 2: Функція привітання

Вправа 3: Перетворювач температури

Вправа 4: Розрахунок знижки