Podstawy Programowania: null vs. undefined

0:00Kolejnym typem danych jakim chciałbym

0:02żebyśmy się zajęli jest null, ale także w przypadku języka JavaScript

0:06taki specjalny typ jak undefined. On się nie musi pojawiać we wszystkich językach

0:09programowania natomiast jeżeli chodzi o null to znajdziesz go niemal wszędzie.

0:13Jest to bardzo ważna wartość. Dlatego będę chciał ci teraz pokazać na czym to polega.

0:18Po pierwsze utworzę sobie zmienną firstName i do tej pory widziałeś, że przypisywaliśmy jakąś wartość np.

0:25Jan. Ale co ważne możemy również utworzyć

0:28zmienną w języku JavaScript, która nie ma żadnej wartości.

0:31Po prostu utworzyliśmy zmienną nic w niej nie przechowując.

0:35Później na pewnym etapie naszego programu,

0:37z uwagi na to, że jest to zmienna, nie mamy tutaj const tylko let,

0:41jest to po prostu zmienna, więc wiemy że możemy zmieniać jej wartość, więc w

0:44dowolnym etapie naszego programu będziemy mogli napisać firstName równa się Jan

0:48i jest to jak najbardziej poprawne.

0:50Oczywiście moglibyśmy na początku

0:52przypisać pustą wartość, żeby zasygnalizować, że tutaj jakiś tekst

0:56będziemy później przechowywać, ale nie musimy tego robić.

0:59No i teraz pytanie brzmi co przechowuje taka zmienna jeżeli nie

1:02przypisaliśmy jej żadnej wartości? To jest dobre pytanie więc spróbujmy sobie na nie

1:07odpowiedzieć. Jeżeli zapisze ten program on się uruchomi.

1:10Nic się nie wydarzyło, bo tak naprawdę nic

1:12konkretnego w nim nie zrobiliśmy. Ale spróbujmy wypisać sobie w konsoli firstName

1:16czyli co przechowuje ta zmienna? I okazuje się, że otrzymaliśmy wartość undefined.

1:21Jest to taka specjalna wartość w

1:24języku JavaScript, która mówi nam, że zmienna nie została zdefiniowana. Czyli ona

1:30jest zadeklarowana, jest jakby utworzona a jej wartość nie jest zdefiniowana.

1:35Więc warto wiedzieć, że w języku JavaScript taki typ jak undefined się pojawia.

1:38On również będzie dla nas bardzo istotny

1:40później, kiedy będziemy tworzyć funkcje z

1:42parametrami, argumentami itd, więc wtedy również to zobaczysz.

1:45Czyli jeżeli do zmiennej nie pisaliśmy żadnej wartości ma ona wartość undefined.

1:50Ale co jeżeli zmienna by nie istniała.

1:52Co gdybym chciał zapytać jaką wartość ma

1:54zmienna o nazwie lastName? Wtedy nasz program się mówiąc brzydko

1:59wyłoży, bo przestanie po prostu działać, zgłaszając nam błąd, że zmienna lastName w

2:04ogóle nie została zdefiniowana. I teraz tutaj taki komunikat, który może nas zmylić

2:08bo mówi lastName is not defined a przed chwilą dla firstName widzieliśmy że to jest

2:13undefined. I wydawałoby się, że to jest praktycznie to samo.

2:16Jednak tak nie jest, dlatego że ta zmienna w ogóle nie została zadeklarowana,

2:20natomiast ta została zadeklarowana, ale nie miała początkowo żadnej wartości.

2:25Teraz chciałbym żebyśmy przeszli jeszcze do wartości null, od której zacząłem tę lekcję,

2:29wspominałem o niej. Dlatego że mamy również

2:32taką wartość jak null w ten sposób przypisujemy

2:35I pamiętaj znowu bez żadnych cudzysłowów bo

2:37wtedy to byłby tekst, który przypadkiem ma słowo null.

2:41Natomiast jeżeli jest tak zapisany to ma to specjalną wartość.

2:45Jeżeli teraz to wypiszemy konsola zwraca nam null. I ta wartość oznacza co innego.

2:50To oznacza że myśmy na jakimś etapie naszego programu celowo do jakiejś

2:54zmiennej przypisali null, albo później kiedy powiemy o funkcjach

2:57będzie to oznaczało, że z jakiejś funkcji celowo zwróciliśmy null.

3:00Dla programisty, który by korzystał z takiego naszego kodu

3:03to oznacza tylko tyle, że ta wartość jest pusta z jakiegoś intencjonalnego powodu.

3:09Na tym etapie jest to naprawdę trudno wytłumaczyć, szczególnie kiedy zaczynasz

3:13dopiero swoją przygodę z programowaniem. Później stanie się to bardziej jasne.

3:18Ale wyobraź sobie, że na przykład w bazie danych wyszukiwalibyśmy jakiegoś słowa.

3:22Powiedzmy tak jak w Google, wyszukuje jakieś frazy

3:25i czasami zdarza się że Google mówi nam, że

3:27nic nie zostało znalezione. Więc możemy sobie wyobrazić, że przeszukując taką bazę

3:32danych na pewnym etapie otrzymaliśmy wartość null.

3:35To oznacza że intencjonalnie ktoś

3:37tworząc taki kod zwrócił null, co sugerowało by nam, że po prostu żadnych

3:41wyników wyszukiwania nie udało się znaleźć.

3:44I my wtedy możemy w naszym kodzie podjąć decyzję jeżeli jest null to np.

3:48wyświetlimy tekst

3:49nie udało się znaleźć tego czego szukasz. Więc null oznacza, że ktoś nam to null zwrócił,

3:55czy przypisał do zmiennej czy zwrócił z funkcji, o czym będzie później specjalnie.

3:59Natomiast jeżeli zobaczysz gdzieś undefined to należy się zastanowić, że być może

4:03jest to jakiś błąd w programie, że mamy wartość undefined, że ta wartość się

4:08pojawia. Ta wartość nie powinna się pojawiać w normalnych okolicznościach,

4:13a w zasadzie ona się nam może pojawić tylko w funkcjach, gdzie będą parametry i nie

4:18przekażemy wartości, ale nie uprzedzajmy faktów

4:20do tego również dojdziemy.

4:22Na tym etapie po prostu zapamiętaj, że w języku JavaScript zmienne, które którym nie

4:26pisaliśmy wartości mają wartość undefined, a także że istnieje praktycznie w każdym

4:31języku programowania taka specjalna wartość jak null, która wprost mówi nam, że

4:35mamy tutaj wartość pustą. Z jakiegoś powodu ją tutaj przypisaliśmy czy zwróciliśmy np.

4:41dlatego, że nie udało się czegoś znaleźć w bazie danych itd.