TypeScript: Mapped types

3.9+

0:00W niektórych sytuacjach chcemy utworzyć nowy typ na podstawie istniejących.

0:04Takie czynności mogą dotyczyć np.

0:07wybrania poszczególnych elementów istniejącego typu czy np.

0:11jakiejś ich modyfikacji.

0:13Przykładem może być chociażby dodanie atrybutów orbit Only

0:16abyśmy takich czynności za każdym razem nie musieli wykonywać od podstaw.

0:20Typ Script oferuje nam tzw.

0:22u pliki DivX lub inaczej mówiąc Matt Gibbs i ta druga nazwa bardziej sugeruje że

0:28chodzi tutaj o pewnego rodzaju malowanie typów.

0:32Zobaczmy więc jak to wygląda w praktyce.

0:35Zacznijmy więc od utworzenia pierwszego typu.

0:38Będzie to interfejs opisujący jakiegoś użytkownika na jego podstawie tworzymy

0:43nowy obiekt który oczywiście musi posiadać te dwie właściwości.

0:47Teraz w związku z tym że w wielu sytuacjach chcemy unikać budowania

0:50obiektów stworzono nową funkcję która właśnie przyjmie nasz nowy obiekt a

0:55następnie zwróci nam jego zamrożone wersje.

0:58Swoją drogą Podkreślam tylko że w tym miejscu dokonujemy tzw.

1:02płytkiej zauważenia obiektów więc mieli to na uwadze.

1:06Gdyby ten obiekt posiadał zamierzone

1:08właściwości musielibyśmy podejść do tego w nieco inny sposób.

1:12W każdym razie wykonując tę samą funkcję teoretycznie wszystko jest w porządku.

1:16Dlaczego tak akurat jest pokaże Ci za chwilę.

1:19A tymczasem zastanówmy się co właściwie byśmy chcieli a wracała ta nasza funkcja.

1:25Zastanówmy się nad tym chwilę no bo

1:27chcielibyśmy aby te poszczególne właściwości obiektu były ustawione jako

1:31obiekt on i w związku z tym utworze teraz nowy interfejs który będzie określał

1:36takiego zaangażowanego użytkownika a następnie ustawienie jego poszczególne

1:40właściwości poprzedzające je słowem read only.

1:44Więc teraz wystarczy że przy pisze ten interface.

1:47No i znowu wszystko jest w porządku.

1:49Pytanie jednak brzmi jak to się stało że jeden typ został przed nami sformowany w

1:55długi i właściwie w ogóle tego tutaj nie widzimy.

1:58Cały sekret odkrywa się tutaj w momencie gdy usunięte.

2:02Nagle okazuje się że zadziałała tutaj infekcja typów czyli

2:06domyślam się że chodzi nam tutaj o zagrożoną wersję tego obiektu.

2:10Dlatego też wykorzystał tzw.

2:12mapę TTIP o nazwie Deep online

2:16dodając tutaj ten typ mogę teraz najechać na niego myszką aby zobaczyć definicję.

2:21Okazuje się że mamy tutaj nowy typ wykorzystujący typ genetyczny a wewnątrz

2:26niego wykorzystujemy operator kinowy oraz nowy operator in.

2:31I ten właśnie operator sugeruje że mamy do czynienia z tzw.

2:34market Times czyli malowaniem typu.

2:38Zatem jak widzisz po prostu w tym miejscu

2:41mamy do czynienia ze zdefiniowanego typem wewnątrz jednego z plików.

2:44PIP to ostatecznie nic nie stoi na

2:47przeszkodzie abyśmy taki typ zdefiniować sobie sami.

2:50Spójrzmy jeszcze szybko na definicję tego typu tutaj mamy informację o tym że jego

2:55zadaniem jest zamiana wszystkich właściwości typu genetycznego

2:59w taki sposób aby były dostępne wyłącznie do odczytu.

3:02Dlatego też wystarczy że utworzy teraz

3:05nowy alias a następnie przekaże do niego typ genetyczny.

3:08Teraz naszym zadaniem będzie przekierowanie przez wszystkie właściwości

3:12tego typu a następnie poprzez ich słowem kluczowym hit online.

3:16I teraz nasuwa się pytanie w jaki sposób dokonać operacji.

3:20Wiemy już że aby uzyskać poszczególne właściwości konkretnego typu możemy

3:25wykorzystać operator off a te poszczególne właściwości oznaczają my sobie literę P.

3:30Więc teraz jedyne co powinniśmy zrobić to w jakiś sposób zasygnalizować że chcemy

3:35tutaj testować po elementach i to możemy zrobić z wykorzystaniem słowa kluczowego.

3:40No i teraz wystarczy że przekaże tylko

3:43poszczególne właściwości przekazanego typu.

3:45Ten zapis daje nam dostęp do poszczególnych właściwości przekazanego

3:49typu T i każdy z nich zapisuje pod literą P.

3:53Dlatego też w wyniku działania tej pętli

3:55chcemy odwołać się do naszego typu a następnie do jego właściwości czyli w

4:00ten sposób tworzyliśmy nowe właściwości które tym razem są już online.

4:05Ale są to właściwości które pochodzą z tego typu.

4:08I swoją drogą mógłbym wykorzystać ten

4:11mechanizm do tego aby sprawić żeby te właściwości nie były tylko do odczytu

4:15tylko na przykład po to żeby były opcjonalne i swoją drogą taki scenariusz

4:20również jest całkiem popularny więc został przewidziany przez State Street.

4:24Zatem teraz przejdźmy do drugiego typu o nazwie Pan Share.

4:28Wyobraźmy sobie teraz sytuację w której mamy interfejs opisujący artykuł i taki

4:33artykuł posiada swój tytuł treść oraz datę publikacji.

4:37Następnie mamy funkcję która zajmuje się

4:39tym aby zaktualizować ten artykuł na podstawie przekazanych danych.

4:44Dlatego też wykorzystujemy tutaj interfejs

4:46i wewnątrz tej funkcji dbamy o to aby zaktualizować poszczególne właściwości.

4:51Teoretycznie wszystko jest tutaj w jak największym porządku ze względu na to że

4:55jak otworzymy nowy obiekt a następnie przekażemy go do tej funkcji to.

4:59Na problem jednak często pojawia się w

5:02praktyce kiedy to Chcemy zaktualizować wyłącznie jedno pole i nie chcemy

5:06przekazywać wszystkich właściwości naszego modelu.

5:09W tej sytuacji oczywiście informuje nas o błędzie

5:13ponieważ przekazujemy model który nie pasuje do naszego interfejsu i

5:17jednocześnie też chcielibyśmy uniknąć tworzenia specjalnych interfejsów tylko po

5:22to aby obsłużyć aktualizacje poszczególnych właściwości.

5:25Dlatego też w tej sytuacji wystarczy że zastosujemy tutaj szalę

5:30no i dzięki temu błąd które tutaj mamy znikną a wynika to wyłącznie z tego że z

5:35pomocą tego map TTIP Dokonaliśmy tutaj poznania naszego oryginalnego typu.

5:40W taki sposób aby dodać do jego

5:42właściwości informację o tym że są opcjonalne.

5:46Inaczej mówiąc wygląda to tak jakbyśmy powstawały tutaj znaki zapytania.

5:50Różnica jednak w tej sytuacji polega na

5:53tym że nie modyfikuje tutaj naszego oryginalnego typu.

5:56Podobnie sprawa wygląda w sytuacji

5:58gdybyśmy chcieli na podstawie istniejącego typu stworzyć typ który składa się

6:03wyłącznie z kilku wybranych przez nas właściwości.

6:06Takie coś jesteśmy w stanie osiągnąć wykorzystując matrycę o nazwie Ping.

6:11Jak widzisz w pierwszej kolejności przekazujemy do niego oryginalne typ a

6:15następnie nazwę właściwości jaka nas interesuje.

6:18Tutaj naturalnie moglibyśmy skorzystać z Unią Tip i zresztą tak jak podpowiada mi

6:23edytor moglibyśmy tutaj wybrać pozostałe właściwości.

6:27Dzięki temu w ten sposób sklep wymaga ode

6:29mnie podania nie tylko tytułu ale również właściwości content.

6:34Swoją odwagą Możemy też podejrzeć

6:36definicję tego typu i jak widzisz różni się on od pozostałych tym że wykorzystuje

6:41tutaj słowa kluczowe Extended off i na tym etapie ostatnim Macht Type o

6:47którym chciałbym teraz powiedzieć jest typ Record.

6:50Aby go zrozumieć wyobraź sobie sytuację w której mamy typ określający zestaw danych

6:55na temat danej podświetlane w naszej aplikacji.

6:58Następnie mamy tutaj drugi typ zawierający unię z literami Tip zawierający

7:03poszczególne podstawione w naszej aplikacji aby stworzyć nowy obiekt na

7:08podstawie tych kluczy oraz tego typu konkretnie tutaj w pierwszej kolejności

7:13przekazujemy String bądź unię z treningów czyli w tym przypadku będzie to ten typ a

7:18następnie typ który chcemy przypisać do tych poszczególnych właściwości.

7:22Oznacza to tyle że wewnątrz naszego obiektu mogą znajdować się właściwości

7:26których klucz pokrywa się z którąś z tych wartości oraz sam typ tych właściwości

7:32pokrywa się z typem który przekazaliśmy tutaj.

7:35W tym przypadku jest to interfejs który

7:37wymusza na obiekcie to aby posiadał właściwość Tito.

7:40Jak widzisz na ten moment mamy tutaj błąd informujący nas o tym że dane które tutaj

7:45pisaliśmy nie wypełniają naszego typu no i faktycznie jeżeli dodamy tutaj dwie

7:50pozostałe właściwości wszystko zaczyna być w porządku.

7:53Na tym etapie proszę Cię o to abyś zdał sobie chwilę na zrozumienie tego co tutaj

7:57właściwie się dzieje i aby to wszystko było dla ciebie jasne najlepiej pobierz

8:02kod źródłowy do tej lekcji i ubój po prostu pobawić się trochę tymi typami.

8:07Gorąco zachęcam Cię również do tego abyś zapoznał się z definicją mi tych typów i

8:12na ich podstawie spróbował zdefiniować własne typy.

8:15Dzięki temu z całą pewnością Martinez prędzej czy później staną się dla ciebie

8:19całkowicie jasne o ile faktycznie już tak nie jest.

8:23Poza tym wszystkim gorąco zachęcam również do tego abyś zajrzał w dokumentację do

8:28tego aby sprawdzić sobie pozostałe marki bez których nie będę omawiał w tym kursie

8:32ponieważ wybrałem tylko te które w mojej opinii są najbardziej przydatne.

8:36Natomiast znowu w ramach ćwiczeń i nauki dobrze jest podejrzeć jak wyglądają

8:42definicje poszczególnych typów które mamy tutaj dostępne.

8:45Link do tej strony znajdziesz oczywiście w zasobach do tej lekcji natomiast czasem ja

8:50zachęcam Cię do obejrzenia kolejnego materiału do usłyszenia za chwilę.