JavaScript: Przekazywanie przez referencję

0:00W tej lekcji pomówimy sobie trochę o wartościach prymitywnych i o obiektach raz

0:04jeszcze, ale o tym, w jaki sposób są one przekazywane lub nie są przez referencję.

0:09Więc na początek będę chciał sobie utworzyć

0:11jakąś taką stałą, gdzie będziemy mieli powiedzmy firstName

0:15przypiszemy tutaj Jacek

0:17I już wiesz, że taki string jest to wartość prymitywna.

0:20I teraz co by się stało, gdybym chciał

0:21utworzyć drugą stałą i powiedziałbym firstName2

0:24I przypisał bym tutaj wartość firstName.

0:28Powiem Ci co się stanie.

0:29Otóż pod firstName2 będziemy mieli Jacek,

0:32natomiast zagadka na teraz jest taka

0:35co się stanie jeżeli zmienimy wartość firstName.

0:38I w zasadzie tutaj powinniśmy mieć

0:39to zrobione z let, żebyśmy mogli zmieniać te wartości.

0:42Napiszmy firstName równa się Piotr.

0:45Jak myślisz, czy po firstName2 również teraz będzie Piotr?

0:49Zastanówmy się nad tym.

0:50Utworzyliśmy firstName Jacek, firstName2

0:54postawiliśmy tutaj Jacek i następnie firstName zmieniliśmy na Piotr.

0:58Zobaczmy w konsoli co będzie pod firstName2.

1:02Zerknij. Jest to dokładnie Jacek.

1:04Oznacza to tylko tyle, że wartości

1:06prymitywne są kopiowane, a nie przekazywany w jakiś dynamiczny sposób.

1:10A zatem tworząc firstName2 podstawiliśmy tutaj wartość tej zmiennej, czyli Jacek

1:16i działa to identycznie jak byśmy tutaj

1:18wpisali Jacek. A więc nie ma znaczenia, że później zmienimy firstName, w tym miejscu

1:22to się już nie zmieni, bo ta zmienna

1:24została utworzona właśnie z wartością Jacek.

1:27Inaczej jest w przypadku obiektów.

1:29I nie mam tutaj na myśli tylko tych

1:31obiektów, które były w lekcji poprzedniej, czyli takich.

1:34Ale mówiłem Ci, że wszystko, co nie jest wartością prymitywną, jest obiektem.

1:37Czyli na przykład tablice też są traktowane jako obiekt.

1:41A zatem teraz mówiąc o obiektach mam na myśli o wszystkim innym niż wartości

1:45prymitywne. I takie obiekty są przekazywane już przez referencję.

1:49Czyli jeżeli byśmy sobie utworzyli tablicę arr i przypiszemy tutaj np.

1:531, 2, 3.

1:55Następnie gdybyśmy utworzyli sobie tablicę arr2 i przypiszemy do niej arr

2:04w ten sposób, czyli można powiedzieć, że tutaj też będziemy mieli to samo.

2:08To teraz jeżeli do tej pierwszej tablicy

2:10dodamy sobie czwórkę, to jak myślisz, czy ona będzie też w tej drugiej tablicy?

2:14Zobaczmy.

2:18Dokładnie tak się stało.

2:20I tak się dzieje, dlatego, że obiekty są przekazywane przez referencję.

2:23Czyli tutaj tworząc stałą arr utworzyliśmy

2:27tablicę i można powiedzieć, że zapisaliśmy ją w tej stałej, ale tak naprawdę

2:31zapisaliśmy do niej tylko taki wskaźnik, referencję.

2:34I teraz tworząc kolejną stałą arr2,

2:37jeżeli podstawiliśmy tutaj arr, to skierowaliśmy

2:40można powiedzieć, czy przypisaliśmy tutaj referencję do tej samej tablicy utworzonej

2:44gdzieś w pamięci operacyjnej. Czyli to jest dokładnie ta sama tablica.

2:48A więc później dodając element do tej

2:50pierwszej tablicy, tak naprawdę, kiedy się odwołujemy do arr, jest tutaj zwrócony

2:55wskaźnik na tę tablicę w pamięci i to do niej dodaliśmy czwórkę.

2:59Potem, odwołując się do arr2

3:01my się odwołujemy dokładnie do tego samego

3:03wskaźnika, a więc jest tam przechowywana dokładnie ta sama tablica.

3:07I teraz dokładnie taka sama sytuacja

3:09będzie w przypadku obiektów takich literalnych.

3:12Jeżeli byśmy sobie utworzyli person i wpiszemy tutaj np.

3:15firstName równa się Jan

3:18i teraz jeżeli utworzę drugi identyczny obiekt

3:23i nazwiemy go person2

3:26to są dwa zupełnie inne obiekty.

3:28Tutaj został utworzony obiekt i do person zapisana jego referencja,

3:31tutaj został utworzony taki sam obiekt,

3:34ale jest to osobny obiekt i do niego została zapisana tutaj referencja.

3:38I dlaczego Ci to chcę pokazać?

3:39Właśnie dlatego, że wydawałoby się, że to są identyczne obiekty, ale nie są

3:44identyczne i jeżeli chcielibyśmy je porównać z użyciem operatora Strict

3:48Equality Operator zobaczmy w console.log czy person równa się person2.

3:56Na pierwszy rzut oka one są identyczne,

3:58ale czy one są sobie równe? Zobaczmy.

4:01Zostanie zwrócone false. Bo za każdym

4:03razem, kiedy porównujemy wartości nie prymitywne, tylko właśnie obiekty,

4:08to są porównywane ich referencje, czyli te wskaźniki.

4:10Tak samo byłoby przy tablicach, tak samo przy takich obiektach.

4:14Czyli tutaj jest podstawiona referencja do

4:16obiektu, który został tutaj utworzony i gdzieś w pamięci sobie siedzi.

4:19Tutaj zostaje podstawiona referencja do

4:21tego obiektu, chociaż on przechowuje to samo.

4:24Jest to osobny obiekt i porównywane są tylko te referencje.

4:27Dlatego jeżeli chcesz sprawdzić czy jakieś

4:30dwie zmienne kierują na dokładnie ten sam obiekt, można to zrobić w ten sposób i

4:34udałoby się nam to w przypadku tych tablic.

4:37Czyli zobacz jeżeli sobie zrobimy console.log czy arr jest równe arr2 ?

4:43Tutaj już otrzymamy true. Dlatego, że są porównywane referencje

4:47i tak jak wspomniałem zarówno arr2 jak i arr kierują na dokładnie tę samą tablicę.

4:53Jeżeli natomiast porównujemy w ten sposób wartości prymitywne, takie jak string, to

4:57one są porównywane bezpośrednio. Czyli wtedy jest porównywane.

5:00Czy wszystkie znaki w takim stringu są identyczne,

5:04czy np. jeżeli byłby to typ liczbowy, to czy jest to taka sama liczba?

5:08OK. Podsumowując, jeżeli mamy do czynienia z

5:10obiektami, czyli wartościami nie prymitywnymi, takimi jak tablice czy np.

5:15takie obiekty, to w momencie kiedy przypiszemy je do jakiejś innej stałej

5:19czy zmiennej to tak naprawdę przypisujemy tylko wskaźnik, a więc ciągle mamy do

5:23czynienia z tym samym obiektem. I podobna sytuacja będzie wtedy, kiedy będziemy do

5:26funkcji przekazywać jako argumenty właśnie takie obiekty.

5:29To wewnątrz funkcji nie będzie kopii

5:31takiego obiektu czy takiej tablicy, ale będzie to dokładnie ten sam obiekt.