JavaScript: Wartości prymitywne i obiekty

0:00W tym rozdziale porozmawiamy o tym, czym

0:02są w języku JavaScript obiekty i czym są wartości prymitywne. Dlatego, że wszystko,

0:07co nie jest wartością prymitywną, jest traktowane jako obiekt.

0:11Na początek wypiszę w komentarzu najważniejsze wartości prymitywne.

0:17Będzie to string, czyli wartość tekstowa, number, boolean, undefined

0:26i null.

0:27Czyli wszystkie z nich już poznałeś. Boolean to

0:29będzie true lub false, number to jakaś wartość liczbowa,

0:32string to jest po prostu tekst. I teraz to są wartości prymitywne, a zatem

0:36wszystko inne jest traktowane jako obiekt. I mówiąc wszystko inne mam na myśli np.

0:41tablicę, np funkcje, które będą jeszcze później, czy np.

0:46takie obiekty tworzone literalnie, o których powiemy w kolejnej lekcji.

0:49Wszystko co w języku JavaScript można

0:51reprezentować, inne niż te wymienione tutaj będzie traktowane jako obiekt.

0:55I teraz co się wiąże z tym, że coś jest obiektem?

0:59Otóż obiekty posiadają właściwości i

1:00metody, do których odwołujemy się po kropce. Czyli np.

1:03jak mieliśmy tablicę, niech tutaj będą trzy liczby,

1:08oczywiście musimy ją przypisać poprawnie,

1:10to traktujemy ją jako obiekt, bo jak się do niej odwołam, to po kropce mogliśmy

1:14odczytać jej właściwości length i właściwości

1:17to są właśnie takie rzeczy, gdzie po

1:18prostu podajemy ich nazwę i je odczytujemy lub przypisujemy.

1:22Natomiast metody są to funkcje, które można w taki sposób wywoływać.

1:25Oczywiście length nie jest taką metodą, ale mieliśmy na przykład metodę push,

1:30dzięki której mogliśmy do takiej tablicy dodać kolejny element.

1:33A zatem tablica jest obiektem, bo po kropce można się odwołać do właściwości,

1:37które coś odczytują lub ustawiają, albo do metod, które są funkcjami

1:41realizującymi jakieś zadanie na tym obiekcie jakim jest tablica.

1:45Bo zauważ, że wywołujemy push na tej

1:46tablicy i to właśnie do niej zostanie dodany kolejny element.

1:51Tak naprawdę jeżeli chodzi o string, number czy boolean, one mogą być

1:56konwertowane również do wartości takich obiektowych.

2:00I pokażę Ci teraz co mam na myśli.

2:02Jeżeli utworzymy sobie taką stałą firstName i przypisze tutaj Piotr,

2:05to mówiłem, że jest to wartość prymitywna, ale jeżeli chcielibyśmy zamienić tę

2:09wartość na wielkie litery to możemy na stringach skorzystać z takiej metody jak

2:14toUpperCase i może wyświetlmy sobie to w konsoli, więc odwołam się do firstName,

2:19kropka,

2:20czyli traktuję tak naprawdę tę wartość prymitywną jak obiekt, bo po kropce się

2:24odwołuję do jej jakiejś metody i napiszemy toUpperCase,

2:29dokładnie tak wygląda ta metoda i zauważ co się pojawi w konsoli.

2:32Będziemy mieli to wszystko zamienione na wielkie litery.

2:34Czyli czy to oznacza, że ta wartość nie

2:37jest wartością prymitywną, tylko jednak jest obiektem?

2:39Nie do końca. To jest wartość prymitywna,

2:42ale w momencie kiedy próbujemy z niej skorzystać jak z obiektu, czyli po kropce

2:45się do czegoś odwołać, to język JavaScript w tle konwertuje ją na obiekt taki sam,

2:50jak moglibyśmy utworzyć za pomocą takiego konstruktora string.

2:54To jest trochę bardziej zaawansowany temat i nie jest to coś, co jest Ci potrzebne w

2:57większości przypadków, ale moglibyśmy utworzyć np.

3:00lastName równa się new String.

3:02Jest coś takiego i podali byśmy tutaj nazwisko np.

3:05moje nazwisko.

3:07Wtedy tutaj będziemy mieli obiekt

3:09i na tym obiekcie możemy się odwoływać do takich metod jak np.

3:12toUpperCase. Natomiast jeżeli utworzymy wartość

3:14prymitywną w ten sposób ona nie jest obiektem,

3:17można powiedzieć, że ona jest lżejsza z

3:19punktu widzenia programu czy interpretera kodu, ale w momencie, kiedy na niej

3:23próbujemy się odwołać do jakiejś metody, to jest ona w tle konwertowana na obiekt.

3:28Czyli czy to oznacza, że tak naprawdę nie mamy w języku JavaScript prawdziwie

3:32prymitywnych wartości, które nie mają żadnych właściwości i metod?

3:37Nie do końca dlatego, że są dwie takie wartości.

3:39Jest to undefined i null.

3:41Na nich nigdy nie ma żadnych metod.

3:43Czyli gdybym napisał null i spróbował się

3:45odwołać do czegokolwiek po kropce, czyli tak jak do obiektu zawsze zwróci to błąd.

3:50I podobnie jest z undefined.

3:51Czyli jeżeli nawet w zmiennej mielibyśmy

3:53lastName i byłoby to null, to jeżeli chciałbym się odwołać do lastName i np.

3:58toUpperCase albo do czegokolwiek innego to zawsze zgłosi nam błąd właśnie z tego

4:02powodu, że undefined i null to są zawsze wyłącznie prymitywne wartości, a te

4:07pozostałe mogą być w locie konwertowane do obiektów.

4:09Na przykład jeżeli chodzi o number,

4:11gdybyśmy mieli w zmiennej czy w stałej powiedzmy

4:16wartość 20 i coś takiego, to moglibyśmy w konsoli wyświetlić number toFixed,

4:23to jest też taka metoda dostępna właśnie na liczbach, 2, czyli że chcemy zaokrąglić

4:28tę liczbę do dwóch miejsc po przecinku i zwrócić ją już jako string. I zobacz.

4:33Wyglądałoby to w taki oto sposób.

4:35Tak więc number również w tle jest

4:37konwertowany do takiego obiektu, który moglibyśmy stworzyć z new Number

4:41wpisując tutaj coś takiego.

4:43Nie zaprzątać sobie tym jakoś bardzo głowy.

4:45O co chodzi z tymi konstruktorami i czy jest Ci to bardzo potrzebne

4:48bo uwierz mi, że nie jest w większości

4:51przypadków potrzebne, dlatego nie musimy się na tym jakoś bardzo skupiać.

4:54Zapamiętaj tylko, że w języku JavaScript mamy wartości prymitywne,

4:58takie jak string, number, boolean, undefined i null, ale część z nich, takie

5:02jak te, mogą być przez interpreter języka JavaScript konwertowane

5:06do prawdziwych obiektów, które zawierają jakieś metody, a te dwie wartości nie mają

5:11żadnych metod. No i że obiektem jest w zasadzie wszystko inne

5:15a skoro jest obiektem, to po kropce zawsze

5:17możemy się odwołać do jakiejś właściwości lub do jakichś metod i będziemy to jeszcze

5:21oczywiście wielokrotnie robić w tym kursie.