JavaScript -- 4 -- Syntax(2)

Funkcie ich deklarácia, použitie, argumenty funkcií, vnorené funkcie.

20.7.2004 10:00 | Rišo Marko | přečteno 20217×

Funkcie

Funkcie sú základom asi každého programovacieho jazyka. V JavaScripte je ich použitie podobne ako v C/C++ a Jave veľmi jednoduché a dosť potrebné. Funkcie používame vtedy, keď potrebujeme na rôznych miestach skriptu vykonávať rovnakú činnosť - bolo by nepraktické a neprehľadné keby sme celé časti kódu kopírovali. Preto si vytvoríme funckiu a zapíšeme kód do nej.

function meno_funkcie(argument1,arg2) {
kód JavaScriptu;
}

Pri menách funkcií je potrebné dodržovať rovnaké pravidlá ako pri premenných. Za názvom funkcie nasleduje nepovinný zoznam argumentov, ktoré vždy musia byť uzavreté v guľatých zátvorkách (aj keď žiadne argumenty funckia nemá). Telo funkcie musí byť uzavereté v zložených zátvorkách.

Pri argumentoch ešte chvíľu zostaneme a to preto, že pomocou argumentov predávame funckii informácie o tom čo má vykonať. Len čísla, reťazce, a dátové typy typu boolean môžu byť predávané funckiám priamo. Objekty a polia sa funkciám predávajú pomocou odkazov. To znamená, že funkcii posuniete meno poľa, alebo odkazu a ona vykoná kód ovplyvňujúci predaný objekt, pole. Pri predávaní premennej sa v pamäti vytvorí kópia tejto premennej, ktorá slúži iba funkii - pôvodná premenná nieje nijakým spôsobom ovplyvnená. Naopak pri objekte alebo pri poli sa v pamätí vytvorí len odkaz na príslušný objekt/pole, ktoré je funckiou priamo ovplyvňované.

Pár prikladov:

<script type = "text/javascript">
var a = 10;
var b = 1;
var result;
function scitaj(cislo1,cislo2)
{

return cislo1+cislo2;
}
result = scitaj(a , b);
document.write(result)
</script>

Návratová hodnota funkcie sa nastavuje pomocou príkazu return(premenná/konštanta).

Funkcie je tiež možné použiť pri masovom výpise textov napr.: potrebujete do stránky vložiť určitý dosť dlhý text viackrát povedzme aj s určitým číslom a časom.

<script type = "text/javascript">
var dlhy_text;
dlhy_text = 'Sem môžte umiestniť ľubovoľne dlhý, akýkoľvek text, ktorý by ste potrebovali vypísať. Pre naše potreby bude statič toto. Tento text bol vypísaný v poradí ';
var cislo;
cislo = 0;
function out(num)
{

now = new Date();
document.write(dlhy_text + num + '. v čase: ' + now + '<br><br>');
}
out(++cislo);

out(++cislo);

out(++cislo);

</script>

Výsledok:

Skript č.1:

10+1=

Skript č.2:


V príklade č.2 je jednoduchá funkcia vypisujúca text s číslom (ktoré pošlete funkcii ako argument) a aktuálnym časom. O uloženie času sa stará zápis now = new Date(); - toto je vytvorenie nového objektu Date(), ktorý sa bude nachádzať v now. O objektoch si toho povieme viac v ďalších častiach - len pre informáciu new je konštruktor objetku Date. Pomocou document.write vypíšeme celý obsah premenných plus nejaký tie medzery. Zo zápisu môžte vidieť, že premenné, ktoré sa majú vypísať, sú spájané pomocou +. Takto môžte spájať ľubovoľný počet premenných a reťazcov. Pokiaľ sa má vypísať premenná nepoužívajú sa v zápise úvodzovky, ak reťazec sú potrebné. Je potrebné si uvedomiť, že pomocou document.write zapisujeme priamo do dokumentu HTML kód - čiže text môžme rôzne upravovať vkladať cez document.write obrázky, formuláre alebo vytvárať pomocou javascriptu celé stránky podobne ako pri PHP. Na konci reťazca v skripte č.2 (document.write) môžte vidieť príklad zápisu HTML kódu do dokumentu. Spolu s textom a premennými sa do dokumentu tiež zapíšu tagy <br><br>, ktoré umožňujú umelo vytvoriť nový riadok za vypísaným reťazcom čo je viditelné i z výsledku.

Takto zostavenú funkciu nesmieme zabudnúť uzavrieť zloženou zátvorkou !!

Funkciu následne voláme pomocou jej mena a argumentu, ktorým je v tomto prípade premenná cislo, ktorej hodnota je 0. out(++cislo); Tým, že pred samotnou premennou sa nachádza inkrementácia dochádza k navýšeniu premennej pred samotným výpisom. Pokiaľ by bol zápis nasledovný : out(cislo++); čiže inkrementácia ++ by sa nachádzala za premennou k navýšeniu by došlo až po zavolaní funkcie, čiže funkcii by bola odoslaná hodnota 0 až potom by bolo jej hodnota navýšená.

JavaScript tiež podporuje tzv. vnorené funkcie - funkcie vo funkcii :

<script type = "text/javascript">
function prva()
{

function druha()
{

function vnorena()
{

document.write('Výstup funkcie "vnorená"<br>');
}
document.write('Výstup funkcie "druhá"<br>');
vnorena();
}
document.write('Výstup funkcie "prvá"<br>');
druha();
}
prva();
</script>

Výsledok:

Zápis takýchto funkcií môže vyzerať dosť komplikovane a neprehladne, no časom prídete na praktické využitie týchto funkcií. Ich využitie je hlavne v zložitých a veľmi rozsiahlych skritpoch s množstvom výpočtov a porovnávaní.

Pri ich použití platí, že vnorenú (podradenú) funkciu je možné volať len z nadradenej funkcie. Nie z celého tela skriptu. Pokiaľ je v skripte len jedna funkcia, nadradené tejto funkcii je samotné telo skriptu, čiže je ju možné volať z celého skriptu - ako funkciu prva(). Z tela skriptu nemôžme volať funkcie druha() a vnorena(). No z ktorejkoľvek podradenej funkcii môžme volať ktorúkoľvek jej nadradenú (skúste zavolať funkciu prva() z funkcie vnorena()) nasledovne :

<script type = "text/javascript">
function prva()
{

function druha()
{

function vnorena()
{

document.write('Výstup funkcie "vnorená"<br>');
prva();
}
document.write('Výstup funkcie "druhá"<br>');
vnorena();
}
document.write('Výstup funkcie "prvá"<br>');
druha();
}
prva();
</script>

Nastane nekontrolovateľná rekurzia keď sa funkcie donekonečna volajú navzájom.

Rekurzia

Táto rekurzia bola "umelo" zastavená pretože keby nebola obmädzená spôsobila by zamrznutie vášho prehliadača, ktorý by skript vykonával donekonečna.

To bolo pre túto čast všetko. Nabudúce si povieme o použití podmienených príkazov if while switch for..

Online verze článku: http://www.linuxsoft.cz/article.php?id_article=271