Enumy

Witamy na kolejnej lekcji! W tej lekcji dowiedzą się Państwo więcej o enumach w TypeScript. Enumy pozwalają definiować zbiór nazwanych stałych, dzięki czemu kod jest bardziej czytelny i łatwiejszy w zarządzaniu. Zagłębmy się w temat!

Czym są enumy?

enum (skrót od enumeration) to typ danych, który pozwala definiować zbiór nazwanych stałych. Enumy służą do grupowania powiązanych wartości, dzięki czemu kod jest lepiej uporządkowany i mniej podatny na błędy.

Przykład: Dni tygodnia można reprezentować za pomocą enuma:

Zadanie: Proszę utworzyć enum dla miesięcy roku i wypisać niektóre wartości.

enum Days {
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday,
  Sunday,
}

console.log(Days.Monday); // Output: 0
console.log(Days.Friday); // Output: 4

Enumy numeryczne

Enumy w TypeScript są domyślnie numeryczne i zaczynają się od wartości 0. W razie potrzeby można przypisać elementom enuma niestandardowe wartości:

Zadanie: Proszę zdefiniować enum dla ról użytkowników (np. Admin, Editor, Viewer) z niestandardowymi wartościami numerycznymi.

enum Status {
  Active = 1,
  Inactive = 2,
  Pending = 3,
}

console.log(Status.Active); // Output: 1
console.log(Status.Pending); // Output: 3

Odwrotne mapowanie

Enumy w TypeScript obsługują odwrotne mapowanie, które pozwala uzyskać nazwę elementu enuma na podstawie jego wartości:

Zadanie: Proszę poeksperymentować z odwrotnym mapowaniem, używając własnego enuma.

enum Colors {
  Red = 1,
  Green,
  Blue,
}

console.log(Colors[1]); // Output: "Red"
console.log(Colors[2]); // Output: "Green"

Enumy stringowe

TypeScript obsługuje również enumy stringowe, w których każdemu elementowi enuma przypisana jest wartość typu string:

Zadanie: Proszę utworzyć enum stringowy dla kolorów podstawowych (np. Red, Green, Blue).

enum Directions {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

console.log(Directions.Up); // Output: "UP"
console.log(Directions.Left); // Output: "LEFT"

Enumy heterogeniczne

Enum może zawierać zarówno wartości numeryczne, jak i stringowe, ale ze względu na spójność zazwyczaj nie jest to zalecane:

Zadanie: Proszę zdefiniować mieszany enum i zaobserwować jego działanie w edytorze.

enum Mixed {
  Yes = 1,
  No = "NO",
}

console.log(Mixed.Yes); // Output: 1
console.log(Mixed.No); // Output: "NO"

Używanie enumów w funkcjach

Enumy świetnie nadają się do sterowania przepływem kodu. Przykład:

Zadanie: Proszę napisać funkcję, która przyjmuje enum jako parametr i zwraca komunikat.

enum Status {
  Active,
  Inactive,
  Pending,
}

function checkStatus(status: Status): string {
  switch (status) {
    case Status.Active:
      return "The status is active.";
    case Status.Inactive:
      return "The status is inactive.";
    case Status.Pending:
      return "The status is pending.";
    default:
      return "Unknown status.";
  }
}

console.log(checkStatus(Status.Active)); // Output: "The status is active."

Typowe błędy

Oto niektóre typowe błędy podczas używania enumów:

• Używanie enumów numerycznych, gdy enumy stringowe sprawiłyby, że kod byłby bardziej czytelny.
• Mieszanie wartości numerycznych i stringowych w tym samym enumie.
• Nieużywanie enumów dla wartości, które mogłyby skorzystać z nazwanych stałych.

Wskazówka: Należy wybrać odpowiedni typ enuma (numeryczny lub stringowy) w zależności od zastosowania.

Świetna robota!

Gratulacje! Nauczyli się Państwo, jak używać enumów w TypeScript do definiowania nazwanych stałych. Enumy to skuteczny sposób na zwiększenie czytelności kodu i zmniejszenie jego podatności na błędy. W następnej lekcji omówimy typy literałowe, kolejną zaawansowaną funkcję TypeScript. Kodujmy dalej!