EcmaScript 6: Korzystanie z WeakSet

0:00W tej lekcji poznasz kolejną konstrukcję, która nazywa się WeakSet i w zasadzie działa

0:04tak samo jak set, natomiast jest słaba i co to oznacza. Teraz

0:08będę chciał ci pokazać. Mam dwa takie oto obiekty i chciałbym sobie utworzyć nowy

0:12WeakSet, więc napiszemy sobie let może s new WeakSet,

0:17czyli tak samo jak Set, ale mamy tutaj jeszcze słowo Weak

0:21na początku tej nazwy i teraz do tego set'u będziemy chcieli sobie dodać

0:25person 1 i person 2. Moglibyśmy też to zrobić przy

0:29tworzeniu takiego set'u, ale dodajmy sobie to w taki sposób i

0:33teraz zobaczymy w przeglądarce co jest pod s. Tutaj

0:37zobaczymy, że mamy 2 takie obiekty. Natomiast powiem ci od razu jedną ciekawą rzecz. Otóż WeakSet nie

0:43jest iteratorem, czyli nie możemy iterować po dodanych do niego obiektach

0:47czy różnych innych wartościach. Natomiast to co jest ciekawe to do set'u mogliśmy dodawać wszystko, a

0:51do WeakSet'u nie. Co by było gdybyśmy do WeakSet'u próbowali dodać

0:55wartość prymitywną, taką jak na przykład Piotr. Okaże się, że to generuje błąd. Dlaczego

1:01tak jest, powiem ci za moment, natomiast zapamiętaj, że możesz do WeakSet'u dodawać

1:05wyłącznie obiekty i to nie znaczy, że to muszą być obiekty takie jak tutaj, ale

1:09to oznacza, że muszą to być nie wartości prymitywne, czyli w JavaScript'cie wszystko

1:13co nie jest wartością prymitywna jest obiektem i tutaj nie można po prostu dodawać

1:17wartości prymitywnych. Weakset nie jest również iteratorem czyli nie możemy

1:21właśnie iterować po wszystkich jego dodanych wartościach i nie możemy

1:25też sprawdzić właściwości size, aby dowiedzieć się ile w nim jest elementów. Tak

1:31naprawdę to co możemy zrobić, to możemy do niego dodać jakiś element i możemy ten

1:35element usunąć, czyli mamy metodę add, delete i mamy też metodę has. Zatem

1:40możemy jakiś element dodać, sprawdzić czy tam jest albo go usunąć. Nie mamy tutaj

1:44też metody clear, więc wydawałoby się że taki WeakSet jest troszeczkę bezużyteczny,

1:48ale teraz powiem ci najciekawszą rzecz na jego temat. Otóż jeżeli

1:53dodamy coś do takiego WeakSet'u i później stracimy referencje do danego obiektu,

1:57to jest on również usuwany z WeakSet'u. Innymi słowy,

2:01jeżeli teraz sobie podejrzymy s, odświeżmy, tutaj muszę zapisać. To

2:06widzimy, że w środku konsola przeglądarki pokazuje nam że mamy dwa takie obiekty. Natomiast,

2:10jeżeli stracimy referencję do obiektu, czyli napisałbym na przykład person

2:141 równa się null to w JavaScripcie nie mamy możliwości już odwołania

2:18się do tego obiektu i w tym miejscu wkracza do gry tak zwany garbage

2:22collector, czyli odśmiecacz i on w pamięci może taki obiekt usunąć. Dlaczego

2:27tak się dzieje. Otóż skoro nadpisałem zmienną person 1 wartością null

2:31czy jakąkolwiek inną wartością mógłbym nadpisać, to najciekawsze jest to, że

2:35w tym momencie nie ma już tego obiektu. Ja miałem ten obiekt przypisany tutaj. Nigdzie

2:39go nie przekazałem. Nigdzie go nie przypisałem do innej zmiennej, więc można

2:44to zobaczyć na logikę. Jeżeli napiszę coś takiego, nie mam już żadnej możliwości, żeby

2:48wrócić do tego obiektu. Zatem garbage collector javascriptowy może ten obiekt

2:52usunąć, bo tak jak wspomniałem, nie ma z naszego kodu możliwości do niego się odwołania. Podobnie

2:57byłoby w funkcji gdybyśmy mieli jakąkolwiek funkcje i w środku tej funkcji tworzymy

3:01zmienna let z równa się 1, to w momencie kiedy

3:05wywołujemy taką funkcję taka zmienna jest tworzona, ale nie zwracamy jej. Nic

3:10z nią nie robimy, więc kiedy ta funkcja się zakończy, nie ma możliwości dostać

3:14się do tej wartości, dlatego garbage collector też ją może usunąć, czyli podobnie

3:18będzie w tym przypadku jeżeli napiszę tutaj person 1 równa się null. No i teraz

3:22najciekawsze jest to, że właśnie kiedy stracimy referencje do danego obiektu i

3:27też z tego powodu tylko obiekty mogą być w tutaj przekazywane. Bo do zwykłego

3:31set'u to mogłem sobie dodać na przykład imię Piotr, ale jest to wartość prymitywna, która jest

3:35kopiowana. Natomiast obiekty są przekazywane przez referencje, czyli jeżeli tutaj

3:39przekazałem person 1, to go nie skopiowałem tylko wstawiłem go do WeakSet'u. Tutaj

3:43straciłem już do niego uchwyt, nigdzie indziej go nie mam. Garbage collector może

3:47go usunąć i co ciekawe usunie go również z tego WeakSet'u. Możemy

3:52sobie to sprawdzić. Gdybyśmy teraz odświeżyli i napisałbym s, to

3:56cały czas to jeszcze tutaj widać, bo garbage collector niekoniecznie uruchamia się od razu

4:00kiedy taka wartość nam zniknie, ale za moment zobaczymy, że ona rzeczywiście zniknie. Natomiast

4:05nie mogę z tego WeakSet'u wyciągnąć już tej wartości person 1, bo wspominałem

4:10ci, że on nie jest iteratorem, nie można po nim iterować, czyli żeby z niego coś

4:14wyciągnąć, to żeby dowiedzieć się w zasadzie, że tam coś jest, to nawet wyciągnąć

4:18nie możemy, to musiałbym napisać w tym momencie s has. No właśnie

4:22i przekazać ten obiekt, ale pod person 1 mam już teraz tylko null, więc

4:26jak widzisz nie mam żadnej możliwości, żeby tam się dostać. Dlatego jeżeli byśmy

4:30jeszcze raz sobie to sprawdzili. Kilkukrotnie jeżeli to sprawdzimy, to po jakimś czasie zostanie to

4:35usunięte. Może utwórzmy jakąś zmienną. Tak

4:40żeby coś ten interpreter JavaScript'u zrobił. No właśnie i teraz zajrzyjmy sobie do WeakSet'u. Jak

4:45widzisz zniknął nam całkowicie ten obiekt, który przechowywany był pod zmienną person

4:491. Co by było jednak gdybym tutaj napisał sobie let

4:53person 3 równa się person 1, wtedy jeżeli person

4:581 nadpiszę na wartość null, to tak naprawdę tracę ten obiekt,

5:02ale chwila, ja sobie go przepisałem również do person 3, on nie został tutaj skopiowany,

5:06tylko referencja do niego została przypisana, więc garbage collector go nie usunie i

5:10nie zniknie on też z WeakSet'u, bo w każdym momencie mogę napisać tutaj na

5:14przykład console.log s has person 3, to nie ma znaczenia, że

5:18to jest inaczej nazywana zmienna, bo tutaj przekazujemy to, co ona ma w

5:22sobie, a ona w sobie ma referencje cały czas do tego obiektu, więc zobaczmy,

5:26mamy wartość true i dopiero teraz gdybym napisał person 3 równa się null,

5:31to tak naprawdę teraz znowu straciłem uchwyt do tego obiektu i garbage

5:35collector dopiero teraz mógłby go usunąć i teraz najważniejsze być

5:40może masz tak samo jak ja miałem na początku kiedy zobaczyłem WeakSet, że w sumie fajnie, że

5:44tak to działa, ale jakie może być tego praktyczne zastosowanie. Ja przyznam

5:48się, że tak na codzień z tego nie korzystam, ale znalazłem w internecie ciekawe zastosowanie,

5:52dlatego teraz będę chciał ci je pokazać. Przejdziemy sobie pod pewien adres,

5:56tutaj i tutaj

6:01jest pokazane jak można z tego skorzystać. Ja ten kod sobie skopiowałem i delikatnie zmodyfikowałem. Natomiast

6:06pokazuje ci gdzie on jest, żeby nie było, że ja go wymyśliłem, bo po prostu znalazłem

6:10go robiąc research do tego kursu. Zróbmy sobie tak, że to wszystko wykomentuję i

6:14wkleję tutaj taki fragment kodu, czyli

6:19będziemy mieli tutaj utworzone nowy WeakSet pod stałą people i

6:23teraz utworzyłem sobie klasę, to już znasz i zauważ, co robimy kiedy utworzymy

6:27nowy obiekt klasy w konstruktorze. Otóż this będę chciał dodać sobie do

6:31tego nowego set'u, czyli w tym secie będzie każdy nowy utworzony obiekt w tej

6:35klasy person i teraz na prototypie dodajemy metodę sayHello, w której

6:39sprawdzamy czy people zawiera this, czyli obiekt,

6:43na którym to wykonaliśmy. Jeżeli nie, to będziemy chcieli wyrzucić błąd, że Person prototype sayHello

6:49została wywołana na niekompatybilnym obiekcie. Na razie się to wydaje głupie,

6:53ale zobaczysz zaraz jak będziemy mogli to sprowokować. Jeżeli ten if

6:57się nie wykona, to normalnie zrobimy sobie return firstName i lastName. Utworzyłem

7:01sobie teraz new Person Jan Kowalski i spróbujmy zrobić w konsoli person 4

7:06sayHello. Prześledźmy teraz jeszcze, w momencie

7:10kiedy robimy new Person, wywołuje się ten konstruktor i mamy tutaj w środku this,

7:15jest to nowy obiekt. Dodajemy sobie go do people, czyli do tego WeakSet'u

7:19i teraz jeżeli wywołam sayHello na tym konkretnym obiekcie, to

7:23sprawdzimy czy on jest w tym WeakSecie. Jeżeli jest, to ten, ta instrukcja

7:28się nie wykona, czyli normalnie zwrócimy sobie imię i nazwisko.

7:32Jak widzisz tak też się stało, ale gdybyśmy teraz próbowali sobie pożyczyć metodę

7:36sayHello od tego obiektu, w taki sposób już tutaj wkleję kod. Utworzylibyśmy

7:41sobie taki prosty obiekt i wiesz, że możemy pożyczyć dowolną metodę odwołując

7:46się do Person prototype sayHello, czyli do tej metody i metodą call

7:50chcę ją wywołać, mówiąc co ma być pod this wewnątrz, czyli pod this

7:54chciałbym mieć person 5. To powinno sprawić, że tutaj this firstName

7:58będzie kierować na to firstName i lastName na to. Zobaczmy, zobaczymy

8:02błąd, że Person prototype sayHello wywołana na niekompatybilnym obiekcie. Gdybym

8:07sobie jednak usunął tę instrukcje, to wszystko byłoby w porządku. Jak widzisz Anna

8:12Nowak by się wywołała, czyli w zasadzie może być to takie praktyczne zastosowanie

8:16WeakSet'u, dlatego że jeżeli chcemy, aby tylko obiekty utworzone

8:20konkretnie z tej klasy mogły korzystać z jej metod, to możemy to zrobić w ten sposób dlatego

8:24że tutaj person 5, czyli ten obiekt wpadł pod this i sprawdziliśmy

8:29czy w tym secie on się znajduje. Okazało się, że nie, bo nigdy nie był

8:33tak naprawdę jakby w tej linijce. No i dlatego zwróciliśmy taki błąd. Natomiast

8:37dlaczego plusem jest, że jest WeakSet. No właśnie dlatego, że przy tworzeniu nowego

8:41obiektu jest on dodawany do WeakSet'u i mamy go tutaj, person 4, ale

8:45gdybym sobie teraz napisał person 4 równa się null. Znowu

8:50utraciłem referencje do tego obiektu i nie będziemy niepotrzebnie w pamięci przechowywać

8:54tego this, bo zapychałoby nam to pamięć, a my już i tak nie mamy żadnych

8:58szans, żeby się do tego obiektu gdziekolwiek w kodzie odwołać. Więc dzięki temu, że jest to WeakSet,

9:03to garbage collector po pierwsze usunie nasz obiekt. W ogóle tutaj, bo go jakby

9:08nadpisałem jakąś inną wartością, a po drugie sprawdzi, że w WeakSecie ten obiekt

9:12był i również go usunie, czyszcząc pamięć. Jak zatem widzisz

9:16WeakSet to ciekawa konstrukcja, aczkolwiek być może nie znajdziesz na co dzień dla

9:20niej praktycznego zastosowania. Niemniej jednak dobrze, że się pojawiła. Podobnie

9:25jak set, chociaż set będzie bardziej przydatny. Natomiast w następnej lekcji poznasz

9:29coś, co będzie wydaje mi się jeszcze bardziej przydatne niż na przykład set, a jest

9:33to map.