TypeScript: Typy proste

3.8+

0:00W tej lekcji zaczynamy już twardą naukę TypeScriptu, począwszy od typów prostych.

0:05Słowem wstępu

0:06przypomnę tylko, że w JavaScripcie wyróżniamy siedem typów danych.

0:10Zakładam teraz, że na tym etapie nauki te typy danych są Ci doskonale znane.

0:14Niech tylko nie zmyli Cię fakt, że tytuł tej lekcji to typy proste

0:18a mamy tutaj object. W tej liście chodzi mi

0:21tylko o wszystkie typy, jakie mamy w JavaScripcie.

0:23Typy, które tutaj widzisz są tak zwanymi typami dynamicznymi.

0:27Oznacza to, że zmienne mogą zmieniać swój typ w trakcie wykonywania programu.

0:32Jak wiesz jedną z głównych ról TypeScriptu jest dodanie typów statycznych, czyli

0:37takich które istnieją na etapie developmentu oraz kompilacji.

0:41Konkretnie chodzi o to, że zmienne czy właściwości mogą posiadać swój statyczny

0:46typ, którego rolą jest przewidzenie jaki dynamiczny typ będzie posiadać zmienna

0:50bądź właściwość w momencie wykonywania programu.

0:53Na początek musisz wiedzieć, że w TypeScripcie

0:55typów nie zapisujemy w ten sposób tylko małą literą.

0:59Jest to postrzegane jako dobra praktyka.

1:02No i jeżeli jesteśmy już przy typie number to oczywiście służy on do określania

1:06zmiennych, które zawierają liczby. Tak długo, jeżeli przechowywana informacja w tej

1:11zmiennej będzie liczbą, wszystko będzie w porządku.

1:14Ale jak widzisz gdy tylko się to zmienia

1:16otrzymujemy informację o tym, że nie możemy tak robić.

1:19Mam nadzieję, że o tym pamiętasz.

1:22Tymczasem w kontekście typu number

1:24pamiętaj o tym, że możesz w nim przechowywać nie tylko liczby całkowite,

1:28ale również te zapisane w systemie szesnastkowym

1:31czy dwójkowym.

1:32Dodam tylko, że akurat ta notacja została wprowadzona stosunkowo niedawno.

1:37W każdym razie zapamiętaj proszę, że typ number obsługuje różne systemy liczbowe.

1:42Poza typem number mamy oczywiście jeszcze string.

1:45Tutaj nie ma teoretycznie większego

1:47zaskoczenia, bo wykorzystujemy go do przechowywania ciągów znaków.

1:51Możemy to robić, wykorzystując pojedyncze lub podwójne apostrofy.

1:55Dodatkowo nic nie stoi na przeszkodzie, abyśmy wykorzystali tutaj temple string.

2:00Jeżeli chodzi o zastosowanie pojedynczych

2:02lub podwójnych apostrofów, nie ma tutaj jakiejś szczególnej rekomendacji.

2:06Sam Microsoft rekomenduje wykorzystanie

2:09podwójnych apostrofów, ale już chociażby style guide Airbnb

2:12rekomenduje wykorzystanie pojedynczych

2:15apostrofów. Także ostatecznie to, na który się zdecydujesz, zależy od Ciebie.

2:20Ja akurat skonfigurowałem ESLint w tak i sposób, aby wykorzystywał apostrofy podwójne.

2:26Jeżeli chodzi o typ string

2:28jest jeszcze jedna rzecz, o której musisz wiedzieć.

2:30Mowa tutaj o string literal types, czyli

2:34inaczej mówiąc możemy precyzyjnie określić jaki string będzie zawierała dana zmienna.

2:39Jak widzisz zdefiniowałem tutaj zmienną, ale

2:41zwróć uwagę, że nie mamy tutaj znaku "=", tylko oznaczenie typu.

2:46Dzięki temu TypeScript będzie sprawdzał czy wewnątrz tej zmiennej

2:50znajduje się właśnie tekst 'holiday20' czy też nie.

2:53Jeżeli stanie się inaczej będzie nas o tym

2:56oczywiście ostrzegał. Akurat string literal types w tej sytuacji sprawdzają się dość

3:01rzadko, natomiast będziemy o tym jeszcze mówić przy okazji tzw.

3:05union types.

3:06Ale na ten moment proszę Cię jeszcze o cierpliwość.

3:09Tymczasem może zastanawiasz się dlaczego TypeScript nie wyrzuca nam błędu już tutaj.

3:13W końcu zmienne deklarowane słowem

3:15kluczowym let, inicjalizowane są wartością

3:18undefined. No i faktycznie jest to prawda,

3:21przy czym TypeScript zabezpiecza się na to w następujący sposób: po prostu nie daje nam

3:26możliwości odczytania wartości tej zmiennej, dopóki jej nie określimy.

3:31Jak widzisz mówi o tym dokładnie ten komunikat.

3:34Jeżeli chodzi o typ string na ten moment jest to wszystko i możemy iść dalej.

3:38Następnym w kolejce jest typ boolean, czyli

3:42typ w którym zawierają się wartości true i false.

3:45Akurat tutaj nie mam nic więcej do dodania poza tym, że ten typ wykorzystujemy do

3:50określenia wartości zwracanych przez funkcję.

3:53Ale o tym będziemy mówić przy okazji samych funkcji.

3:56W tej chwili dziękuję Ci za uwagę i do usłyszenia za chwilę.