JavaScript - funkcje w Java Script

Kod:

Ewentualne Objaśnienia:

Funkcje to bardzo ważna rzecz praktycznie każdego języka programowania (przynajmniej tych, które miałem przyjemność poznać). Istota jest bardzo prosta - nie powtarzać niepotrzebnie tego samego kodu. Zrobiłem do tego prosty przykładzik związany z oknami w JS (bo to już znacie). Mamy tutaj dwa linki - jeden otwiera stronę portalu o2, a drugi Wirtualnej Polski. Po co pisać dwa razy ten sam kod dla obu linków ? Nie mówiąc już, że takich linków mogłoby być na przykład 10, 20 - bez sensu jest przepisywać 20 razy ten sam kod, różniący się tylko stroną, którą otwieramy i na przykład szerokością i wysokością. To strata czasu i marnowanie kodu.

Dlatego funkcje tutaj są idealnym rozwiązaniem - piszemy funkcję, która robi daną rzecz i przyjmuje parametry, od których zależy efekt jej działania. Funkcje deklarujemy podobnie jak w języku PHP :
function nazwafunkcji (parametr 1, parametr 2)
{
    ciało funkcji
    return ; // nie jest to konieczne
}

No i popatrzmy na przykład - funkcja otworzOkienko - jako parametr przyjmuje adres - czyli to jaką stronę chcemy otworzyć w okienku, szerokość i wysokość - czyli rozmiary okienka oraz parametr przypisz - zależnie od niego funkcja będzie albo zwracać komendę otwierania okienka, albo wykonywać to polecenie. Funkcja zazwyczaj albo robi coś konkretnego - na przykład wyświetla datę, albo też zwraca datę . Różnica jest prosta i dosłowna - funkcja albo wypisze nam datę - jej wywołanie np. pokazDate() , albo też zwróci ją - ale nie wypisz - dlatego trzeba będzie ją przypisać do zmiennej np. var data = pokazDate() - i dopiero wtedy wyświetlenie zmiennej data wyświetli nam datę, którą uzyskujemy poprzez funkcję pokazDate().
Takich rzeczy jakoś specjalnie praktycznie się nie robi, że zależnie od parametru funkcja wartość zwraca, albo coś wykonuje - pokazuje to jedynie po to aby zaprezentować pewne metody wywołania funkcji.

Nasza funkcja na podstawie parametrów wysokości i szerokości oblicza sobie wartości parametrów top oraz left - tak aby okienko umieścić na środku oraz wykonywane jest otwarcie okna o podanym w parametrze funkcji adresie, szerokości i wysokości. Dodatkowo w funkcji są zadeklarowane opcję otwieranego okna czyli, że nie wyświetlane są paski narzędzi itd.

No i zerknijcie na same wywołania funkcji - otwieranie strony o2.pl ma parametr ustawiony na 1 - czyli funkcja zwraca wartość, polecenie - przypisujemy je do zmiennej o2pl - dzięki temu możemy dalej sobie utworzyć link zamykający okienko.
Otwieranie strony wp.pl to samo wywołanie funkcji (bez przypisania do zmiennej) - parametr 4 jest ustawiony na 0 więc funkcja wykonuje polecenie otwarcie okna, a nie zwraca.