Dalej•LEKCJA 22 / 26

Typy indeksowane

Kurs TypeScript · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.

Zapis T[K] pozwala wyprowadzić typ właściwości z istniejącego typu.

Cel lekcji

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

Wyjaśnienie krok po kroku

To podstawa funkcji, które przyjmują klucz i zwracają odpowiadającą mu wartość.

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 User = { name: string; age: number };
type Age = User["age"];
const value: Age = 20;
console.log(value);

Przeczytaj kod linijka po linijce

  1. type User = { name: string; age: number };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
  2. type Age = User["age"];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
  3. const value: Age = 20;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
Oczekiwany wynik / efektpo uruchomieniu przykładu
20

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 alias typu pola name.

To już koniec tej lekcji.

Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.