TypeScript: Gettery i Settery

3.8+

0:00Kontynuujemy teraz temat klas i porozmawiamy o tzw.

0:04akcesorach, czyli inaczej mówiąc gettarach i setterach.

0:09Mamy tutaj nieco okrojony przykład z poprzedniego odcinka.

0:12Jak widzisz mamy tutaj klasę, która zawiera jedną prywatną właściwość title,

0:16którą próbujemy tutaj odczytać i oczywiście otrzymujemy błąd.

0:21Pytanie jednak brzmi czy możemy dostać się

0:23w jakiś sposób do tej właściwości spoza klasy, nie zmieniając jej trybu dostępu.

0:28Odpowiedzią jest właśnie temat naszego odcinka, czyli gettery i settery.

0:33Konkretnie są to specjalne rodzaje metod, które poprzedzamy odpowiednim słowem

0:37kluczowym get lub set. W tym przypadku mamy do czynienia z getterem.

0:42Jego rola będzie polegała na tym, aby

0:44zwrócić naszą właściwość. Teraz, jak widzisz, nadal tutaj mam błąd ze względu

0:49na to, że odwołuję się bezpośrednio do nazwy właściwości zamiast do nazwy gettera.

0:54Jeżeli teraz zmienię tę nazwę na poprawną otrzymam tytuł naszego filmu.

1:00Chciałbym w tym miejscu zwrócić Twoją uwagę na pewną notację.

1:03Konkretnie chodzi o zastosowanie

1:05podkreślenia przed nazwą zmiennej. W dokumentacji TypeScriptu

1:08znajdziesz informację o tym, że takiej notacji należy unikać w przypadku

1:13prywatnych właściwości klas, ale nie znajdziesz już tam informacji o tym, że

1:17taka notacja w przypadku getterów i setterów jest konieczna.

1:21I nawet same przykłady z dokumentacji same ją wykorzystują.

1:25W tym wszystkim chodzi tutaj o to, aby

1:27rozróżnić nazwę gettera od nazwy właściwości.

1:30Zapis wykorzystujący podkreślenie w mojej

1:33opinii jest najlepszym ku temu sposobem. Rozróżnienie tych nazw jest ważne o tyle,

1:38że gdybyśmy wykorzystali również podkreślenie mielibyśmy zduplikowaną właściwość naszej

1:43Klasy a coś takiego oczywiście nie jest dopuszczalne.

1:47I teraz aby udowodnić Ci, że w tym miejscu faktycznie wykonywany jest nasz getter

1:51zmodyfikujemy teraz zwracaną przez niego wartość.

1:55I właśnie w tym momencie widzimy kolejną

1:57zaletę akcesorów, czyli możliwość bardzo precyzyjnego określenia w jaki sposób

2:02otrzymywane i odczytywane są właściwości naszej klasy.

2:05Oczywiście na tym etapie moglibyśmy przeprowadzać np.

2:08jakąś walidację i np.

2:10sprawdzać czy tytuł nie jest dłuższy niż określona liczba znaków, albo cokolwiek

2:15innego czego właśnie w danej chwili potrzebujemy.

2:18Na tym etapie wiemy już w jaki sposób możemy posługiwać się getterami.

2:22No i nadszedł czas na wykorzystanie setterów.

2:25Tutaj sytuacja wygląda bardzo podobnie z tą różnicą, że wykorzystujemy tutaj słowo

2:29kluczowe set a następnie jako parametr tego settera przekazujemy nowy tytuł.

2:35Jak widzisz dbam również o spójność typów

2:38i dzięki temu bez obaw mogę ustawić nowy tytuł w następujący sposób.

2:42Zatem w tym momencie, w tym miejscu odwołuję się do naszego gettera, a żeby

2:46ustawić nowy tytuł odwołuję się do settera w następujący sposób. Jak widzisz

2:52nie wykonuję tutaj metody, tylko po prostu przypisuję nowy tytuł.

2:55Dzięki temu jeżeli teraz go odczytamy, otrzymujemy zaktualizowaną wartość.

3:01No i teraz podobnie jak getter, setter również

3:03umożliwia nam kontrolę tego w jaki sposób dane zostaną zapisane do naszej klasy.

3:09Mało tego musisz wiedzieć, że w tym momencie wykorzystujemy te akcesory

3:13do tego, aby komunikowały się z kodem na zewnątrz klasy.

3:17Nic nie stoi jednak na przeszkodzie, aby zarówno setter jak i getter były prywatne.

3:22Jedyne o co musimy zadbać to jeżeli

3:25ustawiamy setter jako prywatny to getter również musi taki być.

3:30W przeciwnym razie otrzymujemy tutaj informację o błędzie.

3:33I teraz gdy już nasze akcesory są prywatne, nie możemy ich wykorzystywać na

3:38zewnątrz klasy. Ale oczywiście nic teraz nie stoi na przeszkodzie, abyśmy

3:42wykorzystywali je wewnątrz klasy movie.

3:45W temacie getterów i setterów to już

3:48wszystko, aczkolwiek jest jeszcze mała, ale istotna rzecz o której musisz wiedzieć.

3:52Mianowicie w momencie, gdy wykorzystujesz je w swoim kodzie upewnij się proszę, że

3:57w swoim pliku konfiguracyjnym kompilujesz do wersji S5 lub wyższej.

4:02Przypominam tylko, że TypeScript domyślnie kompiluje się do wersji S3 a w niej

4:07obsługa getterów i setterów nie jest wspierana.

4:10No i w ten oto sposób kończymy tę lekcję.

4:13A ja zapraszam Cię do kolejnej.