Podstawy Programowania: Tworzenie modułów

0:00W tej lekcji pokażę Ci jak w praktyce

0:02podzielić program na różne moduły i jak potem z nich korzystać.

0:06I my tutaj cały czas operujemy w środowisku

0:08Node.js bo za pomocą tego polecenia nodemon pod spodem uruchamiamy tak naprawdę Node. Czyli

0:14środowisko Node pozwala nam wykonywać język JavaScript. I to środowisko ma swój

0:18specyficzny system do modułów, które nazywa się CommonJS.

0:22Natomiast w innych miejscach czy na innych

0:25platformach uruchomieniowych, w tym również przeglądarkach internetowych

0:29te moduły będzie się troszeczkę w inny sposób importować i eksportować

0:33o czym będzie za moment.

0:35No i w innych językach programowania też to wygląda trochę inaczej.

0:37Natomiast chciałbym żebyć na tym etapie

0:39nie skupiał się na tym jak konkretnie to się robi w danym środowisku ale na czym to

0:43polega. Czyli czym jest eksportowanie i importowanie jakiś rzeczy.

0:48To jest bardzo istotne a nie sam fakt jak zapisać to żeby coś zaimportować czy

0:52wyeksportować. Więc będę chciał to zrobić na przykładzie, który już dobrze znamy.

0:56Mam nadzieję, że go pamiętasz.

0:58Czyli mieliśmy produkt i zamówienie i

1:01mieliśmy taki oto przykład gdzie mogliśmy utworzyć nową klasę czy nowe obiekty

1:06zamówienia, dodać produkty wyświetlić informacje, które są tutaj.

1:09I teraz tutaj jest sporo tego kodu już w tym pliku chociaż oczywiście nie jest

1:14niczym dziwnym kiedy mamy pliki gdzie są setki linijek kodu

1:17aczkolwiek kiedy tylko można w jakiś logiczny sposób podzielić swój program na

1:21moduły to należy to robić. I teraz chciałbym zrobić tak żeby można powiedzieć

1:26wyciąć ten produkt z tego pliku, wyciąć również zamówienie a w naszym pliku

1:30index.js tylko po prostu z tego skorzystać w taki sposób jak tutaj.

1:34I możemy to bardzo łatwo zrobić jeżeli byśmy sobie teraz tutaj utworzyli w tym

1:38katalogu nowy plik, który byśmy nazwali Product.js możesz go nazwać absolutnie

1:44dowolnie ale dobrą praktyką jest nazwać go tak po prostu jak nazwa naszej klasy

1:48żebyśmy wiedzieli co tam jest ale tak jak

1:51mówię to jest tylko nazwa pliku, nazywasz jak chcesz.

1:54I teraz co my będziemy chcieli zrobić.

1:56Będziemy chcieli całą tą klasę Product wyciąć stąd, wstawić ją tutaj

2:01i podobną rzecz będę chciał zrobić z zamówieniem. Czyli tutaj będę chciał

2:05jeszcze raz utworzyć nowy plik, który nazwę Order.js wytnę sobie

2:09całą klasę odpowiedzialną za zamówienie

2:12mogę ją w edytorze w taki fajny sposób zwinąć jak długa, wyciąć, wszystko zostało wycięte

2:17wklejone tutaj, zapisze ten plik, zapisze również ten plik.

2:20No i teraz tutaj będziemy mieli problem jeżeli ten plik zapiszemy.

2:23Zauważ, że program przestaje działać bo

2:26próbujemy się odwołać do order, którego nie ma. Czyli w tej linijce już został zgłoszony

2:30błąd bo nie mamy w tym pliku żadnej wiedzy na temat tego czym jest order i sam fakt,

2:35że daliśmy to do innych plików tutaj w żaden magiczny sposób nie zacznie nam

2:39działać. Żeby to wszystko posklejać ze sobą

2:42należy z takiego pliku

2:44jak mamy tutaj wyeksportować tę klasę. I co ważne w tym pliku mogłoby być sporo

2:48różnych funkcji, z których ta klasa korzysta

2:51poza nią, nawet mogłyby tutaj być jakieś stałe zmienne itd, do których wiemy, że wszystkie

2:56te metody miałyby dostęp ale możemy uznać, że tylko jedną z rzeczy chcemy wyeksportować

3:01z takiego pliku. Więc żeby to zrobić trzeba będzie na samym dole

3:06najlepiej jest to zrobić tutaj, napisać module.exports

3:11i przypisać tutaj order.

3:13W ten oto sposób to zrobimy.

3:14I to jest specyficzne właśnie dla CommonJS,

3:16z którego Node korzysta w innych językach to może wyglądać inaczej czy

3:20nawet w języku JavaScript ale na innych platformach. Tak jak wspomniałem nie jest

3:23istotne jak dokładnie to robimy ale co się tutaj dzieje.

3:26Jeżeli coś takiego zrobimy i zapiszemy to teraz w naszym głównym pliku na samej górze

3:32będziemy mogli sobie to zaimportować. Bo tutaj wyeksportowaliśmy z tego pliku klasę Order,

3:37tu ją będziemy mogli zaimportować. Więc jak ją importujemy to musimy ją przypisać również

3:42do jakiejś stałej albo do zmiennej po to żebyśmy mieli oczywiście do niej dostęp.

3:46Więc utworzę stałą, którą nazwę Order i zauważ, że jak ja ją utworze to wtedy pisząc tutaj

3:52new Order już będziemy kierowali na to co ona przechowuje. I teraz trzeba tylko

3:56zadbać o to żeby ona przechowywała dokładnie tą klasę, która tu została wyeksportowana.

4:01A więc żeby to zaimportować korzystamy z takiej specjalnej funkcji, która w Node jest dostępna i

4:06nazywa się require, a jej podajemy ścieżkę do pliku, który chcemy zaimportować

4:11jako string czyli podajemy tutaj string ze ścieżką. I jeżeli coś jest w tym samym

4:16katalogu tak jak tu mamy plik Index i w tym samym katalogu znajduje się Order

4:21to wtedy piszemy kropka i stawiamy taki /

4:24to oznacza, że odwołujemy się do tego samego katalogu i mój edytor jak widzisz

4:28nawet już mi podpowiada, że tam znajduje się plik Order.

4:31Nie musimy dodawać, że jest to rozszerzenie JS, Node automatycznie będzie wiedział o co

4:36chodzi. I ta funkcja require można powiedzieć, że zaglądnie sobie

4:39do tego pliku i to co ten plik eksportuje w

4:42taki sposób to to nam zwróci i zapisze pod stałą, którą mogliśmy tutaj nazwać

4:46oczywiście inaczej ale wtedy po innej nazwie musiałbym się do niej odwoływać.

4:51Wyczyszczę to co mamy po stronie prawej zapisze

4:54i zauważ, że teraz już nie ma błędu, że order is not defined

4:57tylko, że Product is not defined.

4:59Bo to samo musimy zrobić z produktem. Zrobimy na dole module.exports

5:05i przypiszemy tutaj Product. Więc jakby ta nazwa nie ma nic wspólnego z tym co potem importujemy.

5:11To jest odwołanie się do tej klasy. Więc jak tu się nazywa product,

5:14tu po prostu przez referencje się do niej odwołujemy.

5:17Przypisujemy, że to właśnie chcemy wyeksportować. Zapisze ten plik.

5:21I tutaj mogę sobie skopiować taką linijkę i zamienić po prostu Product w ten sposób.

5:27Jeszcze raz wyczyszczę żeby te błędy nam zniknęły, zapisuje i w magiczny sposób

5:32wszystko działa poprawnie a my mamy tutaj zdecydowanie mniej kodu niż mieliśmy

5:36wcześniej i podzieliliśmy nasz program na trzy pliki.

5:40Co ważne z takich plików można by było eksportować więcej rzeczy ale to robi się

5:45szczególnie w sytuacji gdybyśmy mieli jakiś plik gdzie mielibyśmy dużo funkcji

5:48pomocniczych, które chcemy sobie gdzieś zaimportować i z nich korzystać.

5:51Na razie natomiast nie musisz się tym zupełnie martwić. Chciałem Ci pokazać ogólną

5:55koncepcję tego jak możemy korzystać z systemu modułów.

6:00W przypadku Note jest to CommonJS,

6:02który korzysta właśnie z takiej funkcji require.

6:04Tak jak wspomniałem w innych platformach w

6:06innych językach to będzie wyglądać inaczej,

6:08ale idea jest dokładnie ta sama.

6:09Dzielimy program na wiele plików i tam

6:11gdzie potrzebujemy z czego skorzystać to to w pewien sposób importujemy

6:15i po prostu z tego korzystamy. I bardzo często będziemy również korzystać z kodu,

6:19który nie my napisaliśmy ale zrobił to ktoś inny i

6:22jest to dokumentacja, która mówi, że jak

6:24sobie zaimportujesz taki order to on ma dostępne takie i takie metody. Jak na

6:28przykład addProducts, z której masz przekazać produkty itd.

6:31I tak wygląda najczęściej praca programisty, że w dużej mierze korzystamy z

6:35gotowych bibliotek czyli właśnie zbioru kodu, który napisał ktoś inny.