Typy literalne — TypeScript

Zapis "open" | "closed" dopuszcza tylko konkretne napisy.

Cel lekcji

Poznać zagadnienie „Typy literalne”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Dzięki temu przypadkowa literówka zostanie wykryta jeszcze przed uruchomieniem programu.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Po kompilacji i wykonaniu JavaScript

type Status = "open" | "closed";
const status: Status = "open";
console.log(status);

Przeczytaj kod linijka po linijce

type Status = "open" | "closed";Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const status: Status = "open";Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(status);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

open

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Utwórz typ Direction z wartościami left i right.