TypeScript: Interfejsy funkcji

3.8+

0:00Interfejsy w TS sprawdzają się w wielu różnych kontekstach.

0:04Jednym z takich kontekstów są funkcje.

0:07Zacznijmy od zdefiniowania obiektu, który

0:09można odtworzyć, ale jest to opcjonalne. Czyli jak widzisz mam tutaj metodę, która

0:15zwraca String, ale nie musi być wcale obecna w tym obiekcie.

0:18Następnie potrzebuję funkcji, która będzie uruchamiać tego typu obiekty.

0:23Więc tutaj również definiuję interfejs, ale już tutaj określam to jak będzie wyglądać

0:28nasza funkcja, czyli będzie przyjmować ona parametr

0:31media typu Playable a następnie zwracać string.

0:35Taki interfejs bezpośrednio mogę dołączyć

0:37do funkcji. Najpierw tworzę tutaj zmienną a następnie przypisuje do niej funkcję.

0:42Funkcja ta musi być zgodna z naszym

0:44interfejsem, dlatego też musimy ustawić odpowiedni typ parametru oraz wartości,

0:49którą będzie zwracać. Teraz wewnątrz tej funkcji musimy

0:53obsłużyć sytuację, w której przekazany obiekt nie będzie posiadał metody Play.

0:57Dlatego tworzę tutaj prostego if'a

0:59sprawdzającego czy taka właściwość się znajduje

1:02i jeżeli tak to uruchamiam metodę

1:05a w przeciwnym razie zwracam stosowny komunikat.

1:08No to tak przygotowaną funkcję możemy

1:11teraz wykorzystać, ale potrzebujemy utworzyć obiekt.

1:14Obiekt ten będzie typu Playable i będzie zawierał dwie właściwości.

1:19Zgodnie z tym co określiliśmy w naszym

1:21interfejsie. I tak przygotowany obiekt po prostu mogę przekazać do naszej funkcji.

1:26Jak widzisz faktycznie wszystko tutaj działa.

1:29I mało tego jeżeli nawet przekażę obiekt,

1:31który nie będzie posiadał tej metody to nadal wszystko będzie w porządku.

1:36Jeżeli jednak przekazany obiekt nie będzie

1:38posiadał właściwości name no to już na tym etapie mamy tutaj problem.

1:43Także jak widzisz w kontekście funkcji interfejsy możemy stosować do tego, aby

1:47określać strukturę parametrów, które przyjmuje ta funkcja

1:51czy nawet do określenia całej struktury naszej funkcji.

1:54Oczywiście jak sam zresztą widzisz podobne

1:57rzeczy osiągnęliśmy z wykorzystaniem aliasów, ale zgodnie z tym co powiedziałem

2:01w poprzedniej lekcji, interfejsy dają nam nieco inne,

2:04w niektórych przypadkach lepsze możliwości.

2:07I teraz w tym przykładzie nie pasuje mi jeszcze tylko jedna rzecz.

2:10Wewnątrz tego obiektu musiałem określić wygląd metody Play.

2:14Oczywiście jeżeli miałbym kilka takich

2:16obiektów tego typu zabieg nie byłby wygodny w związku z tym lepiej tutaj

2:20utworzyć klasę. No i tym właśnie zajmiemy się w kolejnej lekcji oraz przyjrzymy się

2:25temu jak interfejsy zachowują się w kontekście klas.

2:28Tymczasem dziękuję Ci za uwagę i do usłyszenia za chwilę.