Podstawy Programowania: Funkcje jako metody obiektów

0:00W tej lekcji chciałbym Ci pokazać, że oprócz tego, że obiekty mogą mieć właściwości i

0:05mówiliśmy o nich wtedy kiedy w takim obiekcie mieliśmy klucz i jego wartość

0:09i jeżeli ta wartość była wartością, która nie jest funkcją zaraz o tym jeszcze powiemy,

0:14natomiast obiekty również mogą mieć metody tak jak np.

0:17wcześniej korzystaliśmy z metod na tablicach np.

0:20arr.push, ja mówiłem, że to jest jakaś metoda bo była

0:23to funkcja dostępna na obiekcie. I chociaż jeszcze nie rozmawialiśmy o funkcjach

0:28jeżeli to co teraz pokaże nie będzie

0:29całkiem jasne proszę wróć do tej lekcji po tym jak obejrzysz lekcje o funkcjach,

0:34ale chcę Ci mimo wszystko to pokazać,

0:36chciałem to zawrzeć w dziele o obiektach.

0:38Więc będę chciał utworzyć tak jak wcześniej obiekt, który nazwę person

0:42i wewnątrz utworzymy mu klucz firstName czyli pod firstName chcemy mieć Jacek,

0:49pod lastName czyli nazwisko chcemy mieć Kowalski i możemy wtedy powiedzieć, że jak

0:54się odwołamy do person.firstName to odwołaliśmy się do właściwości firstName.

0:59Tutaj może być tak jak już wspominałem

1:00przechowywana dowolna wartość, tu mógłaby być np.

1:02tablica

1:03gdybyśmy chcieli powiedzieć, że Jacek ma np.

1:06jakieś hobby to moglibyśmy tutaj zrobić hobbies i zrobić tablicę i np.

1:12powiedzieć sport

1:15i motoryzacja

1:18i zauważ, że nie ma problemu jest to tablica wtedy jak się odwołać do person.hobbies

1:22to się odwołaliśmy do tablicy no i na tej tablicy mielibyśmy

1:27takie metody jak push i wszystkie inne, które Ci wcześniej pokazywałem.

1:30Natomiast mamy również coś takiego jak metody i o metodach mówimy wtedy kiedy w

1:35jakimś obiekcie właściwość jest funkcją. To wtedy nie mówimy, że jest właściwością,

1:39z angielskiego swoją drogą właściwość to property tylko mówimy, że taka

1:44wtedy taka właściwość jest metodą. Ok.

1:47No to ja Ci po prostu pokażę jak to dodać.

1:49Znowu dodajemy sobie jakiś klucz

1:50dokładnie tak samo jak byśmy chcieli

1:52nazywamy go np. sayHello czyli

1:54powiedz cześć tylko, że zamiast przypisywać tutaj jakiejś wartości tekstowej, liczbowej

1:59itd to przypisujemy funkcję. Bo w języku JavaScript w takim obiekcie

2:03możesz tutaj po prawej stronie przypisać wszystko.

2:06Może to być tablica, string, number,

2:09wszystko co jest reprezentowane w języku JavaScript.

2:11No i skoro funkcje w języku JavaScript też są

2:13dostępne można je tutaj bez problemu przypisać.

2:16Natomiast w kontekście obiektów mają one

2:18specyficzne znaczenie, o którym krótko powiem ale później będziemy również w tym

2:23kursie mówić o programowaniu obiektowym, gdzie może to się stanie bardziej jasne.

2:27Na początek w takiej funkcji

2:30wpisze kod, który chciałbym żeby się wykonał kiedy wywołany taką funkcję.

2:33Więc chcę tutaj powiedzieć cześć. I teraz jeżeli się odwołamy do person.sayHello

2:39to tak naprawdę odwołałem się do tej funkcji.

2:44Czyli można powiedzieć, że mam tutaj już tę

2:46funkcję. I funkcję można wywoływać za pomocą pary nawiasów okrągłych. Tak jak na

2:51tablicy wcześniej mieliśmy taką tablicę arr wywoływaliśmy metodę push, to tak samo jak

2:57mam funkcję od sayHello to ją wywołuje w ten sposób. Co oznacza, że wywołuje?

3:01A to oznacza tylko tyle, że kod, który

3:04zawarłem wewnątrz tej funkcji chcę żeby się wykonał dokładnie teraz.

3:08Więc jeżeli to zapisze to zobaczymy tutaj, że console.log wyświetlił nam cześć. A więc

3:13możemy powiedzieć, że nasz obiekt person ma metodę sayHello.

3:16Natomiast jeszcze jedną ciekawą rzeczą jest fakt, że możemy wewnątrz tej funkcji

3:21odwołać się do tych właściwości obiektu, które tutaj mamy. Czyli

3:25gdybym chciał tutaj powiedzieć Cześć jestem Jacek to mogę zrobić coś takiego,

3:30cześć jestem i tutaj chciałbym dokleić do tego

3:34Jacek. Natomiast nie mogę się odwołać do firstName

3:36niestety to tak nie zadziała bo gdybym tak

3:39zrobił to oczekiwali byśmy, że gdzieś wcześniej była taka zmienna lub stała firstName.

3:43To nie będzie tak, że zostanie to wyszukane tutaj wewnątrz tego obiektu.

3:47Niestety tak to nie działa. Ale możemy się

3:49odwołać do tego obiektu, w którym jakby jesteśmy bo zauważ, że ta funkcja jest

3:53wewnątrz tego obiektu poprzez takie specjalne słówko this.

3:57This będzie nam w tym kontekście kierowało dokładnie na ten obiekt.

4:01Czyli tutaj wewnątrz this to jest to samo co poza tym obiektem person.

4:06Czyli ja mogę powiedzieć person.firstName

4:09to wyobraź sobie, że w środku this to jest to samo co person,

4:13a to oznacza, że mogę powiedzieć

4:15this.firstName

4:17Mogę to zrobić dokładnie w taki sposób.

4:19I this.firstName zwróci mi taki string Jacek, który plusem zostanie połączony z

4:24cześć jestem i zostanie to wyświetlone w

4:27console.logu w momencie kiedy wywołujemy tę funkcję.

4:29Czyli gdybym tego wywołania nie miał, wykomentuje go, nic się nie wydarzyło.

4:34Natomiast kiedy wywołuje tę funkcję mamy Cześć jestem Jacek.

4:38Jak widzisz działa to poprawnie.

4:39Co ważne gdybyśmy na jakimś etapie zmienili to co jest tutaj pod firstName

4:43czyli zanim wywołamy tę funkcję jeżeli bym powiedział person.firstName równa się Piotr

4:49to potem jeżeli wywołany sayHello to ta funkcja weźmie sobie this.firstName, które

4:54już nie będzie miało wartości Jacek ale wartość Piotr. Jeżeli zapiszę Cześć jestem

5:00Piotr. No i to by było na tyle jeżeli chodzi o funkcje w obiektach.

5:04Nie chcę tutaj się za bardzo rozgadywać

5:06chciałem Ci tylko pokazać, że możemy mieć właściwości kiedy mamy klucz i jakąś

5:09wartość, która nie jest funkcją to mówimy, że jest to właściwość czyli property,

5:13natomiast jeżeli mamy klucz a jego wartość jest to funkcja to mówimy, że jest to wtedy

5:18metoda i możemy ją tak jak każdą inną funkcję

5:20w ten sposób wywołać a przy okazji w takim obiekcie możemy się odwoływać do jego

5:25właściwości poprzez słowo this, to nam kieruje ten obiekt i po kropce już

5:29normalnie do wszystkich rzeczy, które w nim się znajdują.