<<<

Projektowanie stron internetowych

Funkcja

Funkcja to mini program który można w dowolnym miejscu HTML czy JavaScript wywołać. Funkcja zawiera instrukcje które sam tworzysz i określasz ich zadanie.

Definiowanie funkcji

Schematycznie funkcje można byłoby przedstawić w następujący sposób:

function nazwa_funkcji (argument1, argument2, itd...)
{
instrukcje
}

Tak można by przedstawić schematycznie funkcję.A teraz przejdźmy do praktyki.

Przykładowo chcemy aby funkcja pisarz() napisała 10 razy wyraz "Test".

function pisarz()
{
}

Tak definiujemy funkcję piszarz().Pamiętaj przed każdą definicją funkcji musi znaleźć się polecenie function.

W obrębie nawiasów klamrowych {} umieszczamy instrukcje jakie ma wykonać funkcja.

function pisarz()
{
var licznik = 1
var slowo = ""
while ( licznik <= 10 )
{
slowo = slowo + "Test";
licznik++;

}

Jak widać na początku deklarujemy zmienną licznik i przypisujemy jej wartość 1, następnie zmiennej slowo przypisujemy wartość nic, czyli chcemy aby była pusta. Teraz stosujemy pętle while i definiujemy iż pętla ma być spełniana dopóki licznik nie osiągnie wartości większej bądź równej 10.Gdy warunek pętli jest spełniony, zmiennej slowo przypisywany jest literał "to jest wyraz", następnie zmienna licznik jest inkrementowana, wskutek czego zmienna za każdym okrążeniem pętli zwiększana jest o 1. Gdy osiągnie wartość równą bądź większą niż 10, pętla jest przerywana.
Następnie musimy umieścić polecenie powodujące wyświetlenie informacji:


function pisarz()
{
var licznik = 1
var slowo = ""
while ( licznik <= 10 )
{
slowo = slowo + "Test";
licznik++;
document.write(slowo);
}

Teraz tylko musimy funkcję wywołać w dokumencie HTML.

[przykład]

Wywołanie funkcji

Funkcja może być wywołana w dowolnym miejscu instrukcji np:

if (glodny == true)
{
wiecej_jedzenia = posilek ("pizza","cola");
}
else
{
ogladajtv ("Polsat");

Jak widać obie funkcje posilek() oraz ogladajty() są wywoływane wewnątrz instrukcji if ... else

Metody

Jak się dokładnie przyjrzysz dokładniej zauważysz iż wewnątrz nawiasów () funkcji znajdują się argumenty Polsat dla ogladajtv() oraz pizza i cola dla posilek(). Te argumenty nazywane są metodami.

Gdy w funkcji znajdują się metody, to przy wywoływaniu funkcji wewnątrz jakiś instrukcji następuje automatyczne przypisanie argumentowi jakiejś informacji.
Według powyższego przykładu to pizza i cola albo Polsat.

Metody i obiekty

Definiowanie obiektów zawierających metody nie różni się zasadniczo od definiowania samych obiektów.

Aby wyjaśnić działanie metod i obiektów przeanalizujmy poniższy przykład:

function mcena()
{
var cenawyjsciowa = 10;
var dodatek = 0;
if (this.material == "bawelna")
{
dodatek = 5.50;
}
if (this.material == "nylon")
{
dodatek = 2.50;
}
if (this.material == "akryl")
{
dodatek = 20.00;
}
return cenawyjsciowa + dodatek;
}

Zauważ iż przy obiektach pojawiło się polecenie this. Jest to odwołanie do własności tego obiektu, którego metodą stanie się definicja funkcji mcena().

Projektowanie stron internetowych Copyright(c) 1998 by Robert Fontański