LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> JavaScript -- 4 -- Syntax(2)

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

20.7.2004 10:00 | Rišo Marko | Články autora | přečteno 17307×

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..

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

13.9.2017 8:00 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tentokrát netradičně v pondělí: 18. září od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

3.9.2017 20:45 /Redakce Linuxsoft.cz
PR: Dne 21. září 2017 proběhne v Praze konference "Mobilní řešení pro business". Hlavní tématy konference budou: nejnovější trendy v oblasti mobilních řešení pro firmy, efektivní využití mobilních zařízení, bezpečnostní rizika a řešení pro jejich omezení, správa mobilních zařízení ve firmách a další.
Přidat komentář

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

1.5.2017 20:31 /Pavel `Goldenfish' Kysilka
PR: 25.5.2017 proběhne v Praze konference na téma Firemní informační systémy. Hlavními tématy jsou: Informační systémy s vlastní inteligencí, efektivní práce s dokumenty, mobilní přístup k datům nebo využívání cloudu.
Přidat komentář

15.4.2017 15:20 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě IoT a radiokomunikace? Přijď na sraz spolku OpenAlt, který se bude konat ve středu 19. dubna od 18:30 v Šenkovně (Sokolská 60, Praha 2).
Přidat komentář

5.3.2017 19:12 /Redakce Linuxsoft.cz
PR: 23. března proběhne v Praze konferenci na téma Cloud computing v praxi. Hlavními tématy jsou: Nejžhavější trendy v oblasti cloudu a cloudových řešení, Moderní cloudové služby, Infrastruktura současných cloudů, Efektivní využití cloudu, Nástrahy cloudových řešení a jak se jim vyhnout.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

18.9.2017 14:37 / Rojas
high security vault

15.9.2017 7:33 / Wilson
new zealand childcare jobs

31.8.2017 12:11 / Jaromir Obr
Re: ukůládání dat ze souboru

30.7.2017 11:12 / Jaromir Obr
Národní znaky

27.7.2017 12:24 / Jaromir Obr
Cteni/zapis

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2017) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze