TypeScript, nadzbiór języka JavaScript, zapewnia wiele ulepszeń w porównaniu do swojego odpowiednika, w tym obsługę typu Enum. Enumy w TypeScript są cennym narzędziem, które pozwala programistom definiować zestaw nazwanych stałych, co umożliwia bardziej ekspresywny i bezpieczny typowo sposób reprezentacji danych. W tym artykule zagłębimy się w świat Enum w TypeScript, eksplorując jego korzyści oraz praktyczne zastosowania.

Zrozumienie Enum w TypeScript: Enum, skrót od enumeracji, to typ danych, który reprezentuje zestaw nazwanych wartości. W TypeScript enum pozwala programistom definiować kolekcję powiązanych stałych, które mogą być używane w całym kodzie. Enumy są głównie używane w celu zwiększenia czytelności kodu, samodokumentującej się i bezpiecznej typowości. W przeciwieństwie do niektórych innych języków programowania, enumy w TypeScript mogą mieć wartości tekstowe, co zapewnia elastyczność w reprezentacji różnych typów danych.

Masz dosyć czytania? Obejrzyj ten filmik, w którym Wojtek wytłumaczy Ci to wszystko szybko i prosto.

Wyświetl ten post na Instagramie

Post udostępniony przez Ragnarson (@ragnarsoncom)

Definiowanie Enum w TypeScript: Aby utworzyć enum w TypeScript, używamy słowa kluczowego enum, a następnie podajemy nazwę enumu oraz listę nazwanych stałych. Oto prosty przykład definiowania enumu reprezentującego dni tygodnia:

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

W tym przykładzie zdefiniowaliśmy enum o nazwie DaysOfWeek z siedmioma nazwanymi stałymi reprezentującymi dni tygodnia. Domyślnie każdej stałej przypisywana jest wartość liczbową zaczynającą się od 0. Jednak można także jawnie przypisać wartości poszczególnym elementom enumu.

Przypisywanie wartości do elementów Enum: Domyślnie pierwszy element enumu otrzymuje wartość 0, a kolejne elementy są przypisywane wartościom inkrementowanym. Jednak można ręcznie przypisywać wartości poszczególnym elementom enumu. Oto zmodyfikowany przykład:

enum DaysOfWeek {
  Sunday = 1,
  Monday = 2,
  Tuesday = 3,
  Wednesday = 4,
  Thursday = 5,
  Friday = 6,
  Saturday = 7,
}

W tym przypadku przypisaliśmy konkretne wartości liczbowe do każdego dnia tygodnia, zaczynając od 1. Warto zauważyć, że wartości elementów enumu mogą być liczbami lub tekstami.

Korzystanie z Enum w praktyce: Po zdefiniowaniu enumu możemy zacząć go używać w naszym kodzie. Elementy enumu można uzyskać za pomocą notacji kropkowej. Przeanalizujmy kilka sposobów wykorzystania enumów w TypeScript.

1. Przypisywanie wartości enumu do zmiennych:

let currentDay: DaysOfWeek = DaysOfWeek.Monday;

2.  Instrukcje switch:

switch (currentDay) {
  case DaysOfWeek.Monday:
    console.log("To jest poniedziałek!");
    break;
  case DaysOfWeek.Tuesday:
    console.log("To jest wtorek!");
    break;
  // ...
}

3.  Iteracja po enumie:

for (let day in DaysOfWeek) {
  console.log(DaysOfWeek[day]);
}

Jakie są korzyści korzystania z Enum w TypeScript?

1. Poprawiona czytelność kodu: Enumy nadają znaczące nazwy stałym, dzięki czemu kod staje się bardziej czytelny i samodokumentujący.
2. Bezpieczeństwo typów: Silny system typów TypeScripta gwarantuje, że wartości enumu są używane poprawnie, zmniejszając ryzyko błędów.
3. Łatwe refaktoryzowanie: Podczas refaktoryzacji kodu zmiana wartości enumu automatycznie propaguje się w całym kodzie.
4. Sprawdzanie podczas kompilacji: Kompilator TypeScripta może wykryć i ostrzec o potencjalnych problemach, takich jak użycie niezdefiniowanych wartości enumu.