Podstawy języka TypeScript Zmienne i typy uproszczone

TypeScript ulepsza JavaScript, dodając statyczne typy, które pomagają wcześnie wyłapać błędy i poprawić jakość kodu. Ten artykuł uprości podstawy zmiennych i typów TypeScript, zapewniając jasne zrozumienie dla początkujących.

Zrozumienie zmiennych w TypeScript

W TypeScript zmienne są deklarowane podobnie jak w JavaScript, ale z dodatkową korzyścią w postaci adnotacji typu. Pozwala to określić, jaki rodzaj danych powinna zawierać zmienna.

Deklarowanie zmiennych

Możesz deklarować zmienne za pomocą let, const i var. Jednak let i const są zalecane ze względu na ich funkcje zakresu blokowego.

let age: number = 25;
const name: string = "Alice";

Podstawowe typy w TypeScript

TypeScript udostępnia kilka podstawowych typów definiujących rodzaj danych, jakie może przechowywać zmienna:

• Liczba: Reprezentuje wartości liczbowe, w tym liczby całkowite i zmiennoprzecinkowe.
• String: Reprezentuje dane tekstowe.
• Wartość logiczna: Reprezentuje wartości prawda lub fałsz.
• Tablica: Reprezentuje zbiór wartości określonego typu.
• Obiekt: Reprezentuje zbiór par klucz-wartość.

Przykład liczby

let count: number = 100;

Przykład ciągu

let greeting: string = "Hello, World!";

Przykład boolowski

let isActive: boolean = true;

Przykład tablicy

let scores: number[] = [90, 80, 70];

Przykład obiektu

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Wnioskowanie typu

TypeScript może automatycznie wnioskować o typie zmiennej na podstawie jej początkowej wartości. Oznacza to, że nie zawsze trzeba jawnie określać typu, chociaż może to sprawić, że kod będzie bardziej przejrzysty.

Przykład wnioskowania typu

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Adnotacje typu

Adnotacje typu pozwalają na jawne zdefiniowanie typu zmiennej. Pomaga to zapewnić, że wartości przypisane do zmiennych są zgodne z oczekiwanym typem.

Przykład adnotacji typu

let isLoggedIn: boolean = false;

Wniosek

Zrozumienie zmiennych i typów jest podstawą efektywnego korzystania z TypeScript. Wykorzystując system typów TypeScript, możesz pisać bardziej niezawodny i łatwy w utrzymaniu kod. Zacznij od podstawowych typów, poznaj wnioskowanie o typach i używaj adnotacji typów, aby upewnić się, że Twój kod jest zgodny z oczekiwanymi strukturami danych.

Dzięki tym podstawom będziesz na dobrej drodze do opanowania języka TypeScript i wykorzystania jego pełnego potencjału do tworzenia solidnych aplikacji.