TypeScript: Wszystko o typie enum

3.9+

0:00Kolejnym typem o którym chciałbym trochę więcej powiedzieć w tym kursie jest

0:04typ enum podobnie jak o obiektach o nim również rozmawialiśmy w kursie

0:08podstawowym natomiast teraz chciałbym przedstawić ci go nieco z innej perspektywy

0:12sam sposób definiowania typu enum już znasz z poprzedniego kursu

0:16natomiast teraz spójrzmy na to nieco inaczej mianowicie

0:21nie wiem czy zdajesz sobie z tego sprawę ale w javascripcie istnieje tylko jeden

0:25typ który posiada skończoną liczbę wartości jest to typ logiczny

0:30zawierający wyłącznie prawdę lub fałsz typ enum można postrzegać

0:34jako taki dodatkowy typ który umożliwia definiowanie skończonych

0:38zestawów wartości przykładowo tutaj mamy typ określający

0:42dostępność i jego poszczególne wartości ustawione są na dni tygodnia na

0:47tym etapie wiemy również że do każdej z tych wartości przyporządkowana jest liczba

0:51począwszy od zera i jeżeli mamy taką potrzebę moglibyśmy nadpisać

0:56domyślną wartość poprzez inicjalizowanie nowej i na tym etapie typescript

1:00zadba o to aby kolejne wartości były implementowane właśnie począwszy

1:05od tej zdefiniowanej tutaj to co jednak jest najciekawsze w przypadku

1:09typu enum to sposób w jaki ten typ jest kompilowany do javascriptu

1:13jeżeli teraz wykonam polecenie tsc app.ts zostanie

1:18dla nas wygenerowany plik javascript który jak widzisz posiada dość

1:22ciekawą strukturę mamy tutaj zdefiniowaną nową zmienną do której

1:26w tym miejscu przypisywany jest pusty obiekt następnie mamy

1:30tutaj do czynienia z dość ciekawym przypisaniem wartości polegający na tym

1:34że w tym miejscu określamy klucz poszczególnej właściwości i w tym

1:38przypadku są to liczby a następnie przypisujemy do nich wartość tekstową

1:42taki zapis daje nam szczególne możliwości które określamy

1:46mianem odwróconego mapowania czy też reverse mapping najlepiej

1:51będzie jak pokażę ci to na przykładzie wiemy już że do poszczególnych wartości

1:55możemy odwołać się po ich nazwie i tutaj w takiej sytuacji otrzymujemy

1:59ich wartość liczbowa nic nie stoi jednak na przeszkodzie abyśmy w tej

2:03sytuacji odwołali się również do wartości liczbowej w tym

2:07momencie wartość którą tutaj otrzymamy będzie ustawiona na nazwę tej

2:11właściwości dzięki temu jak widzisz możemy tutaj odczytywać

2:16wartości na 2 różne sposoby co daje nam dość ciekawe możliwości mało

2:21tego nic też nie stoi na przeszkodzie abyśmy odwołali się do właściwości w następujący

2:25sposób dzięki temu otrzymamy tutaj ponownie wartość liczbową

2:30aczkolwiek jak widzisz eslint podkreśla mi że w tej sytuacji po

2:34prostu taki zapis służy do tego aby wykorzystywać w tym miejscu zmienne

2:38więc jeżeli zapiszemy ten klucz w zmiennej key będziemy w stanie

2:42go przekazać i wszystko będzie tutaj w porządku gdyby

2:46tego było mało to w tym miejscu możemy stosować również niektóre wyrarzenia na

2:51przykład możemy odczytać długość ciągu znaków dzięki czemu otrzymamy

2:55tutaj wartość liczbową która zostanie przypisana do właściwości wednesday

2:59natomiast zwróć uwagę że w tym momencie typescript oczekuje od nas tego

3:04abyśmy tutaj również dosłownie zainicjalizowany wartość dzięki

3:08temu na tej podstawie będzie w stanie określić wartość kolejnej właściwosci to

3:13akurat pokazuje nam jeszcze jedną możliwość związaną z typem enum a

3:17konkretnie chodzi mi tutaj o fakt że w przypadku tego typu możemy również

3:21przypisywać wartości tekstowe czyli jeżeli zdefiniuję

3:25tutaj nowy typ wewnątrz którego jak sama nazwa wskazuje będę przechowywał informacje

3:29o rozszerzeniu no to w takiej sytuacji zyskuję pewne możliwości a

3:33niektóre tracę otóż chodzi tutaj o fakt że w tym momencie gdy odwołuję

3:38się do nazwy właściwości otrzymuję wartość liczbową która tak naprawdę niewiele

3:42mi mówi natomiast już w tym drugim przypadku sytuacja wygląda nieco inaczej

3:46jeżeli teraz odwołam się po nazwie właściwości otrzymam

3:51wartość tekstową która dokładnie określa mi to z czym mam tutaj do czynienia

3:55ostatecznie też jeżeli mielibyśmy ku temu dobry powód moglibyśmy

3:59połączyć wartości liczbowe z tekstowym i tutaj sytuacja wyglądałaby

4:04tak że typescript na tym etapie jest w stanie samodzielnie określić wartości

4:08ale później tą umiejętność już traci i ta umiejętność jest

4:12niedostępna do momentu w którym ponownie zainicjalizujemy kolejną wartość

4:17i jak widzisz tutaj mamy ponownie wartość 6 oczywiście

4:21taki przykład jest ciekawostką którą warto znać natomiast mi osobiście

4:25nie przychodzi jakiś sensowny pomysł praktycznego wykorzystania teraz

4:29biorąc pod uwagę zarówno jeden sposób definiowania typu enum jak i drugi

4:34czyli ten wykorzystujący liczby bądź wartości tekstowe zdecydowanie

4:38lepiej jest wykorzystywać wartości tekstowe nie tylko z tego powodu że

4:42podczas logowania czy wyświetlania informacji otrzymujemy tutaj bardziej sensowną

4:47informację ale również z bardziej konkretnego powodu otóż

4:51jeżeli zdefiniujemy sobie tutaj funkcję której argument jest typu enum

4:55który posiada wartości numeryczne to typescript nie będzie miał problemu jeżeli przekażemy

5:00tutaj dowolną wartość liczbową taka sytuacja naturalnie nie jest

5:04czymś czego byśmy oczekiwali w związku z tym zdecydowanie lepiej jest

5:08preferować typ enum posiadający wartości tekstowe tutaj

5:12taka sytuacja po prostu nie występuje tutaj taka sytuacja

5:16nie występuje ale jednocześnie musimy bardziej się postarać przekazując

5:21wartości do tej funkcji to co jeszcze na tym etapie chciałbym ci pokazać

5:25to że jeżeli usuniemy sobie tutaj ten kod a następnie zamienimy nasz

5:29enum na const enum to jeżeli teraz skompilujemy sobie ten kod otrzymamy

5:34nieco inny rezultat niż poprzednim razem nagle okazuje

5:39się że mamy tutaj wyłącznie wartość 0 a definicja naszego

5:43obiektu przechowującego wartości w typie enum całkowicie zniknęła

5:47raczej mówiąc definicja typu enum na etapie kompilacji została

5:52tutaj usunięta a poszczególne wartości zostały po prostu podmienione

5:56wartościami liczbowymi i jest to z pewnością coś czego warto być świadomym

6:01przywrócę teraz poprzedni kod i szybko powiem

6:05ci jeszcze o tym w jakich sytuacjach typ enum sprawdza się idealnie taką

6:10sytuacją może byś chociaż bym moment w którym pracujemy z kilkoma stałymi

6:14czyli generalnie wartościami które nie ulegają zmianie na etapie wykonywania

6:18programu więc dobrze jest je pogrupować żeby na przykład w tym miejscu

6:23nie zrobić jakiejś literowki poza tym gdyby takich rozszerzeń było nieco więcej

6:27mielibyśmy po prostu problem z ich zapamiętaniem bardzo dobrym

6:31przykładem są tutaj chociażby przechowywanie poszczególnych uprawnień konkretnych

6:35grup użytkowników bądź na przykład kody numeryczne klawiszy ostatecznie

6:40też typy enum świetnie sprawdzają się w przypadku gdy pracujemy z zestawem konkretnych

6:45ciągów znaków chociażby określenia typów są dobrym przykładem natomiast

6:50bez wątpienia takich przykładów jest więcej na tym etapie myślę że

6:54wiesz już wystarczająco dużo na temat typu enum i mam nadzieję

6:59że po obejrzeniu tej lekcji przekonałeś się do niego jeszcze bardziej teraz

7:03nie pozostaje mi nic innego jak po prostu zaprosić cię do kolejnej lekcji