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 17706×

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ů

18.6.2018 0:43 /František Kučera

Červnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 21. 6. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: F-Droid, aneb svobodný software do vašeho mobilu. Kromě toho budou k vidění i vývojové desky HiFive1 se svobodným/otevřeným čipem RISC-V.


Přidat komentář

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

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

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

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