Podstawy Programowania: Zakres zmiennych

0:00W tej lekcji pomówimy trochę o zakresie zmiennych w funkcjach. To można przedstawić

0:05na wiele sposobów ja będę się starał to zrobić w sposób jak najprostszy,

0:08więc chciałbym utworzyć pewną funkcję, którą nazwiemy init.

0:12Nazwa oczywiście jak pamiętasz dowolna. Nie przyjmuje żadnych parametrów ale ona nam

0:16pogrupuje jakąś logikę, która by inicjowała nasz program.

0:19Można tak powiedzieć chociaż nic tutaj skomplikowanego nie będzie.

0:22I teraz będę chciał w tej funkcji utworzyć sobie jakąś stałą np.

0:26firstName równa się Maciej.

0:29Ok i teraz chcę Ci§ pokazać jedną bardzo ważną rzecz.

0:33Jeżeli tylko to zapiszemy oczywiście nic się nie dzieje ale mógłbyś pomyśleć, że skoro

0:37utworzyła stałą firstName to mogę się do niej odwołać. Gdybym tutaj chciał zrobić console.log firstName

0:43okaże się, że mam błąd.

0:45Zobacz cały program się wysypał, ja go tutaj wyczyszczę żeby za chwilkę mieć tutaj

0:49poprawne komunikaty, że taka zmienna lub stała lub np.

0:53funkcja o takiej nazwie nie istnieje. Bo okazuje się, że zmienne w języku JavaScript

0:58i stałe są ograniczone poprzez zakres funkcji lub bloków takich jak np.

1:04instrukcja if.

1:06Już Ci to będę chciał pokazać.

1:07Czyli ta stała firstName będzie widoczna wyłącznie w tej funkcji a

1:12więc do niej się mogę odwołać tylko pomiędzy tymi nawiasami.

1:14Na zewnątrz nie będzie ona już dostępna.

1:17I to tak naprawdę jest dobre bo jeżeli

1:19mamy jakieś rzeczy w funkcji takie stałe czy zmienne, to one są lokalne bo są nam do

1:23czegoś potrzebne w takiej funkcji i nie powinny one nam zaśmiecać tego globalnego

1:28można powiedzieć zakresu, nie powinny być widoczne gdzieś indziej.

1:31Natomiast gdybyśmy zrobili inaczej i ta stała byłaby tutaj to oczywiście ona wtedy

1:36tu jest dostępna i jest co ciekawe też dostępna wewnątrz takiej funkcji.

1:40Czyli jeżeli funkcja została zdefiniowana

1:42w tym miejscu to można powiedzieć, że ona widzi taką stałą firstName, która jest u góry.

1:47Gdybyśmy w niej chcieli zrobić console.log(firstName),

1:50nie ma problemu również nam to zadziała.

1:53Oczywiście teraz się wyświetla Maciej tylko

1:55z tego console.loga bo funkcji nigdzie nie wywołaliśmy

1:58ale gdybyśmy ją wywołali init, zapisze, to będziemy dwa razy mieć tutaj

2:03Maciej. Natomiast co ciekawe można taką zmienną czy stałą nadpisać jeżeli w środku

2:09bym sobie utworzył firstName i powiedział, że to jest Piotr nie jest to błędem.

2:14I teraz to działa tak, jeszcze tutaj

2:16wyczyszczę żeby mieć pewność co się dzieje, zapisuje,

2:19program się uruchomił zobaczyliśmy Piotr i Maciej. Dlatego, że ta funkcja teraz

2:23kiedy będzie szukać odwołania do firstName to znajdzie to we własnym zakresie.

2:29Jeżeli by nie znalazła to szukała by tego

2:30w zakresie wyżej tak jak było przed momentem.

2:32Natomiast to przypisanie nie sprawi w

2:35żaden sposób, że zmienna czy stała, która jest tutaj zostanie jakoś zmieniona.

2:40Dlatego jeżeli wywołujemy funkcje to ona w środku ma u siebie taką stałą

2:44zrobiła console.log Piotr a poniżej robimy console.log firstName,

2:48no i wiemy, że na tym poziomie jakby mamy

2:51dostęp tylko do tej stałej. Gdybym ją wykomentował czyli tak jak bym usunął to

2:55znowu będzie błąd bo w tym zakresie jej po prostu nie ma.

2:59W przypadku języka JavaScript taki zakres

3:03jest tworzony również przy instrukcji typu np.

3:06if

3:07więc jeżeli byśmy sobie zrobili coś

3:09takiego może tutaj poniżej, że zrobię if jeżeli jakiś warunek czyli np.

3:15jeżeli firstName w ogóle jest podane w ten sposób to

3:18sprawdzimy, to będę chciał sobie utworzyć jakąś np.

3:21stałą lastName

3:23i napiszemy tutaj Kowalski, zróbmy to w ten sposób to okazuje się, że

3:28jeżeli poza tym blokiem if chciałbym zrobić console.log(lastName)

3:32to również będziemy mieli błąd, że lastName nie został zdefiniowany. Dlatego, że taki blok w

3:37przypadku if ogranicza nam również czy tworzy nam nowy zakres zmiennych i stałych.

3:42Jeżeli tutaj byśmy jeszcze utworzyli sobie przez let jakąś np.

3:46zmienną to one są widoczne jakby tylko w

3:48tym bloku a poza tym blokiem ich już nie ma.

3:51W przypadku języka JavaScript jeżeli chodzi o ten zakres zmiennych to potrafi

3:55to być jeszcze dużo bardziej skomplikowane ale nie chcę Ci teraz tym zaprzątać głowy

3:59bo nie jestem na tym etapie aż tak bardzo istotne,

4:01a poza tym w tym kursie staramy się bardziej skupić na różnych koncepcjach

4:04programistycznych, które są podobne lub takie same w wielu językach programowania.

4:09Jeżeli chodzi o zakres zmiennych to tutaj

4:11w każdym z języków programowania trzeba będzie na to zwracać uwagę bo

4:15niekoniecznie będzie to działać tak samo jak tutaj, że np.

4:17taka funkcja będzie miała dostęp do

4:19zmiennych utworzonych jakby poza nią. Nie w każdym języku tak będzie ale chciałem Ci w

4:23tej lekcji po prostu powiedzieć o tym czym jest zakres zmiennych. A więc chodzi o to,

4:27że gdzieś te zmienne lub stałe tworzymy i w innym miejscu

4:30one mogą już nie być dostępne tak jak mogą się te lekcje zobaczyć.