Intersection types — TypeScript

Operator & łączy wymagania dwóch typów.

Cel lekcji

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

Wyjaśnienie krok po kroku

Wynik musi zawierać wszystkie pola obu składowych, co pomaga budować większe kontrakty z mniejszych.

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 Named = { name: string };
type Scored = { points: number };
type Player = Named & Scored;
const p: Player = { name: "Ala", points: 10 };
console.log(p.points);

Przeczytaj kod linijka po linijce

type Named = { name: string };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
type Scored = { points: number };Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
type Player = Named & Scored;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

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

Połącz typ Identified z typem Named.