Jak używać typów w TypeScript wyjaśnione dla początkujących

TypeScript wprowadza statyczne typowanie do JavaScript, co pomaga wyłapywać błędy podczas tworzenia i poprawia jakość kodu. Ten artykuł przeprowadzi Cię przez podstawy korzystania z typów w TypeScript, ułatwiając początkującym zrozumienie, jak wykorzystać system typów TypeScript.

Czym są typy w TypeScript?

Typy w TypeScript pomagają zdefiniować kształt i strukturę danych. Określając typy, zapewniasz, że zmienne, parametry funkcji i wartości zwracane są zgodne z oczekiwanymi formatami. Może to zapobiec wielu typowym błędom programistycznym.

Podstawowe typy

TypeScript udostępnia kilka podstawowych typów, których można używać do definiowania zmiennych i funkcji:

• Liczba: Reprezentuje wartości liczbowe.
• 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 age: number = 30;

Przykład ciągu

let name: string = "John Doe";

Przykład boolowski

let isStudent: boolean = true;

Przykład tablicy

let scores: number[] = [85, 90, 78];

Przykład obiektu

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Wnioskowanie typu

TypeScript może automatycznie wnioskować typy na podstawie przypisanych wartości. Oznacza to, że nie zawsze trzeba jawnie określać typy, chociaż może to zwiększyć przejrzystość kodu.

Przykład wnioskowania typu

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Niestandardowe typy z interfejsami

Interfejsy w TypeScript pozwalają definiować niestandardowe typy o określonej strukturze. Są one szczególnie przydatne do tworzenia złożonych obiektów i zapewniania spójnych kształtów w całej aplikacji.

Przykład interfejsu

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Typy związków

Typy unii pozwalają zmiennej przechowywać wartości wielu typów. Może to być przydatne, gdy wartość może być jednym z kilku typów.

Przykład typu Unii

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Aliasy typów

Aliasy typów pozwalają na utworzenie nowej nazwy dla typu. Może to być pomocne w uproszczeniu złożonych definicji typów.

Przykład aliasu typu

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Wniosek

Używanie typów w TypeScript zapewnia liczne korzyści, w tym wczesne wykrywanie błędów, lepszą czytelność kodu i zwiększoną łatwość konserwacji. Rozumiejąc podstawowe typy, wnioskowanie typu, interfejsy, typy unii i aliasy typów, możesz zacząć wykorzystywać TypeScript do pisania bardziej solidnego i niezawodnego kodu. W miarę zdobywania większego doświadczenia w TypeScript odkryjesz jeszcze bardziej zaawansowane funkcje i wzorce, które mogą jeszcze bardziej ulepszyć Twój proces rozwoju.