Typy unii i przecięcia

Witamy na kolejnej lekcji! W tej lekcji dowiedzą się Państwo, jak używać typów unii, aby zmienna mogła mieć wiele możliwych typów, oraz typów przecięcia, aby łączyć wiele typów w jeden. Są to potężne narzędzia do tworzenia elastycznego i niezawodnego kodu. Zaczynajmy!

Czym są typy unii?

Typy unii pozwalają zmiennej przechowywać wartości więcej niż jednego typu. Do zdefiniowania typu unii można użyć symbolu |.

Przykład: Zmienna, która może być typu string albo number:

Zadanie: Proszę zadeklarować zmienną z typem unii i przypisać do niej różne wartości.

let value: string | number;
value = "Hello";
console.log(value); // Output: "Hello"

value = 42;
console.log(value); // Output: 42

Używanie typów unii w funkcjach

Typów unii można używać w parametrach funkcji, aby umożliwić przekazywanie różnych typów danych. Przykład:

Zadanie: Proszę napisać funkcję, która przyjmuje parametr typu unii i wypisuje jego wartość w konsoli.

function printValue(value: string | number): void {
  console.log(`The value is ${value}`);
}

printValue("Hello"); // Output: The value is Hello
printValue(100); // Output: The value is 100

Czym są typy przecięcia?

Typy przecięcia łączą wiele typów w jeden. Do zdefiniowania typu przecięcia można użyć symbolu &.

Przykład: Łączenie dwóch typów obiektów:

Zadanie: Proszę utworzyć typ przecięcia, aby połączyć dwa obiekty, a następnie go użyć.

type Person = { name: string };
type Employee = { employeeId: number };

type Staff = Person & Employee;

let staffMember: Staff = {
  name: "Alice",
  employeeId: 123,
};

console.log(staffMember);

Używanie strażników typów z uniami

TypeScript nie wie, którego typu używają Państwo w przypadku typu unii. Można użyć strażników typów, aby zawęzić typ. Przykład:

Zadanie: Proszę użyć strażników typów do obsługi różnych typów w unii.

function display(value: string | number): void {
  if (typeof value === "string") {
    console.log(`String value: ${value.toUpperCase()}`);
  } else {
    console.log(`Number value: ${value * 2}`);
  }
}

display("Hello"); // Output: String value: HELLO
display(5); // Output: Number value: 10

Typy przecięcia w praktyce

Typy przecięcia są przydatne podczas pracy z obiektami, które mają wspólne właściwości. Przykład:

Zadanie: Proszę utworzyć typ przecięcia dla ról administratora i użytkownika.

type Admin = { adminLevel: string };
type User = { username: string };

type AdminUser = Admin & User;

let admin: AdminUser = {
  adminLevel: "super",
  username: "admin123",
};

console.log(`Admin ${admin.username} has level ${admin.adminLevel}`);

Typowe błędy dotyczące typów unii i przecięcia

Oto niektóre typowe błędy:

• Używanie typu unii bez obsługi wszystkich możliwych przypadków (np. pominięcie strażnika typów).
• Nadmierne komplikowanie typów za pomocą niepotrzebnych przecięć.
• Przypisywanie niezgodnych wartości do typu unii lub przecięcia.

Wskazówka: Zawsze należy testować kod, aby upewnić się, że typy działają zgodnie z oczekiwaniami!

Kiedy używać unii i przecięć

Typów unii należy używać, gdy:

• Zmienna może mieć jeden z kilku możliwych typów.
• Potrzebna jest elastyczność parametrów funkcji.

Typów przecięcia należy używać, gdy:

• Wiele obiektów lub typów jest łączonych w jeden.
• Tworzone są bardziej złożone typy na potrzeby określonych zastosowań.

Świetna robota!

Gratulacje! Nauczyli się Państwo, jak używać typów unii i przecięcia do obsługi złożonych scenariuszy w TypeScript. Dzięki tym narzędziom kod staje się bardziej elastyczny i czytelny. W następnej lekcji omówimy enumy oraz sposób, w jaki pomagają one zarządzać stałymi wartościami. Kodujmy dalej!