0:00 / 0:00

TypeScript: Abstrakcje

od Podstaw

1 godz. 54 min · Typescript · Full-stack i Programowanie

Adam Gospodarczyk

Czego się nauczysz

Czym jest TypeScript
Powtórka najważniejszych elementów JavaScript & ESNext
Konfiguracja kompilatora TypeScript i ESLint
Typy w JavaScript vs. Typy w TypeScript
Aliasy i asercja typów
Inferencja typów, czyli mądry TypeScript
Typy funkcji i parametrów
Typy klas, hermetyzacja danych i abstrakcje
Wykorzystanie interfejsów, czyli tworzymy kontrakty

Po co nam statyczne typowanie?

Zacznijmy od tego, że JavaScript jest dynamicznie typowany. Oznacza to, że typy zmiennych mogą się zmieniać w czasie wykonywania programu, a my nie mamy nad nimi kontroli. A po co nam ta kontrola? Między innymi po to, aby przypadkowo nie dodać typu number do string lub przekazać do funkcji nieprawidłowe danych. Ogromną zaletą jest to, że o tego typu błędach dowiadujemy się już na etapie pisania kodu a nie dopiero w trakcie jego wykonywania... na produkcji.

Definicje typów. A co to?

Prawdopodobnie znasz mechanizm intellisense, czyli inteligentnego podpowiadania kodu przez edytor. Pisząc kod w TypeScript, tworzysz definicje typów dotyczących Twojej aplikacji. W ten sposób dostęp do definicji klas i właściwości obiektów masz właściwie na wyciągnięcie myszki. Wystarczy "hover" na funkcji aby uzyskać szczegółowe informacje, które pomogą Ci w pisaniu kodu. Oprócz tego otrzymasz również automatyczne podpowiedzi w trakcie dostępu do właściwości i metod. Nic tylko pisać kod!

Przepisywanie całego projektu?

Nie musisz przepisywać całego projektu. TypeScript stanowi nadzbiór JavaScriptu. Zatem cały Twój projekt jest z nim w 100% kompatybilny, a Ty możesz stopniowo dodawać definicje typów. Nawet nie będziesz wiedział kiedy typy pojawią się w całej Twojej aplikacji. To daje Ci również możliwość uczenia się TypeScriptu w trakcie jego wdrażania. W tym kursie opanujesz podstawy a później... sam zobaczysz!

Dla kogo jest ten kurs?

Ten kurs został stworzony z myślą o programistach, którzy podstawy JavaScriptu mają już za sobą i chcą poznać zalety statycznego typowania oferowanego przez TypeScript. Na początku Kursu zaczynamy również od krótkiej powtórki najważniejszych elementów samego JS.

3.8+

0:00Wykorzystując klasy często istnieje

0:02potrzeba, aby stworzyć klasę po której chcemy dziedziczyć, ale na podstawie jej

0:07samej nie powinniśmy móc stworzyć nowych obiektów.

0:10Taką właśnie mechanikę określamy mianem abstrakcji.

0:14W tej chwili w naszym przykładzie mamy tutaj klasę Media, którą wykorzystujemy

0:19bezpośrednio do tego, aby dziedziczyły z niej klasy movie oraz song.

0:23Natomiast problem polega na tym, że tą klasę media również możemy zainstanciować.

0:28Czyli tworzymy nowy obiekt na jej podstawie i tylko teoretycznie spełnia on

0:33cechy, które są przez nas oczekiwane, bo zwróć uwagę że mamy tutaj np.

0:37dostęp do odpowiednich właściwości, ale nadal jest to obiekt klasy media.

0:42Aby czegoś takiego uniknąć i zasygnalizować, że klasa media nadaje tylko kształt klasom,

0:47które po niej dziedziczą dodajemy przed nią słowo kluczowe abstract.

0:52Dzięki temu klasa media staje się klasą

0:54abstrakcyjną i nie możemy tworzyć na jej podstawie nowych obiektów.

0:59Natomiast w tej chwili dalej nic nie stoi

1:01na przeszkodzie, abyśmy wykorzystywali ją w pozostałych klasach.

1:05Dodatkowo wewnątrz naszej klasy media

1:07znajduje się metoda Play, która jest dostępna w klasach podrzędnych.

1:11Natomiast możemy też stworzyć metody abstrakcyjne.

1:14W takiej sytuacji możemy zdefiniować

1:17wyłącznie ich kształt i poprzedzić słowem kluczowym abstract.

1:21Dzięki temu w naszych klasach pojawiły się teraz błędy informujące nas o tym, że

1:26nie implementujemy w pełni dziedziczonego kształtu klasy media. Dopiero w momencie

1:30gdy utworzymy tę metodę oraz ją zdefiniujemy

1:33otrzymujemy poprawną implementację klasy movie.

1:37Także jak widzisz klasy abstrakcyjne to pewnego rodzaju klasy bazowe po których

1:42można dziedziczyć, ale na podstawie ich samych nie można tworzyć nowych obiektów.

1:47Ostatecznie abstrakcje są jedną

1:49z możliwości, które służą do tego, aby określać kształt klas.

1:53Alternatywą do nich są interfejsy, które omówimy sobie już w kolejnej lekcji.

1:58W takim razie do usłyszenia za chwilę.