Függvények
A javascript függvények leírása, használatuk
Függvények
A függvények vagy angolul functions olyan feladatok amelyek egy vagy több parancsot hajtanak végre.
Jelölésük az alábbi példában látható, ahol a végrehajtandó feladatokat a kapcsoszárójelek közé kell írnunk.
<script type="text/javascript">
function feladatnév()
{
}
</script>
Szerepük, hogy kis feladatokra bontsák az általunk készített programot, ezáltal átláthatóbb (megérthetőbb) lesz a program forráskódja (maga a program), és ezáltal sikeresen ki is tudjuk szűrni a duplán leírt feladat sorokat, pl.
<script type="text/javascript">
// Felveszünk két változót
var number1 = 2;
var number2 = 3;
// Feladat 1
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
// Feladat 2
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
</script>
A fenti példában jól látható, hogy a feladat1 és feladat2 utáni rész teljesen megegyezik. Ezekben az esetekben, a megegyező részeket máris kétszer kellett leírjuk, ezáltal ha harmadszorra is akarjuk használni ismét le kell írnunk, nem beszélve arról, hogyha elírtunk valamit és másoltuk tovább, minden egyes helyen ki kell majd javítsuk.
Az ilyen javítások elkerülése érdekében, és mert egy jól érthető elnevezésből jobban megértjük, hogy mi fog ott történni, mint a képletből, érdemes külön tenni. Erre jók a függvények. Pl. így is írhattuk volna:
<script type="text/javascript">
// Létrehozunk egy függvényt,
// generáljon számokat majd számolja ki
// pitágorász tételét
// a végeredményt egy alert ablakkal megjelenítjük
function generate_numbers_and_calculate_pythagoras()
{
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
}
// Majd mehívjuk ahányszor akarjuk
generate_numbers_and_calc_pythagoras();
generate_numbers_and_calc_pythagoras();
</script>
A függvények meghívásához a függvény nevét kell leírnunk majd utánna a "()" karakterek segítségével jelezhetjük, hogy az adott névvel rendelkező feladat végrehajtását akarjuk.
Bizonyos esetekben a feladatoknak kell adjunk segédeket, vagy segédértékeket a feladat végrehajtásához, ezt úgy tehetjük meg, hogy a függvény létrehozásánál a zárójelek közé írunk annyi segédváltozót amennyire szükségünk van, vesszővel elválasztva. Pl. a Pitágorász tétel kiszámolásához szükségünk van 2 darab számra.
<script type="text/javascript">
// Létrehozunk egy függvényt
function calculate_pythagoras( number1, number2 )
{
}
</script>
Ebben az esetben mondhatjuk, hogy a feladatunknak megadjuk melyik két számot használja fel a képletben, így nem kell a függvényen belül generálni őket, ezáltal tudjuk ellenőrizni az eredményt, pl.:
<script type="text/javascript">
// Létrehozunk egy függvényt
function calculate_pythagoras( number1, number2 )
{
number3 = number1 * number1 + number2 * number2;
alert( number3 );
}
// Felveszünk két változót
var number1 = 2;
var number2 = 3;
// Végrehajtjuk a feladatot az adott két számra
calculate_pythagoras( number1, number2 );
// Felveszünk két új értéket
number1 = 4;
number2 = 5;
// Majd ismét végrehajtjuk a feladatot
calculate_pythagoras( number1, number2 );
</script>
Bár sort ez esetben nem sikerült spórolni (az csak nagyobb feladatok esetében lehetséges), de a feladat nevét könnyedén el tudjuk olvasni, és ha olyan nevet adunk a feladatnak ami tükrözi a feladatot, akkor első ránézésre érteni is fogjuk, hogy mi történik. Nem beszélve a hiba javításról, ha a képletünk nem jól működik, csak egyszer és csak egy helyen kell javítanunk.
A függvény nélküli változat így nézne ki:
<script type="text/javascript">
// Felveszünk két változót
var number1 = 2;
var number2 = 3;
// Feladat 1
number3 = number1 * number1 + number2 * number2;
alert( number3 );
// Második rész
number1 = 4;
number2 = 5;
// Feladat 2
number3 = number1 * number1 + number2 * number2;
alert( number3 );
</script>
A feladatok végrehajtásához a meghívás előtt a feladatnak léteznie kell a forráskódban.
Két különböző feladat nem rendelkezhet ugyanazzal a névvel.
Ajánlatos a feladatokat úgy megszerkeszteni, hogy minden feladat csak egyetlen dolgot hajtson végre, mivel ez nem mindig lehetséges, a nevében tüntessük fel, hogy több mindent is végrehajt a feladat.
<script type="text/javascript">
// Rossz feladatnév, mivel több mindent csinálunk
function calculate_pythagoras()
{
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
}
// mivel generálunk két számot, kiszámoljuk a képeletet
// és meg is jelenítjük
// Jó feladatnév, mivel több mindent csinálunk
function generate_numbers_and_calculate_pythagoras_and_show()
{
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
}
</script>
Egy feladaton belül ha sok parancsot hajtunk végre, nem kell az egészet bele foglaljuk a névbe, inkább fogalmazzunk csoportosítva, pl.
<script type="text/javascript">
// Jó feladatnév, mivel több mindent csinálunk
function generate_and_show_pythagoras_value()
{
number1 = Math.rand();
number2 = Math.rand();
number3 = number1 * number1 + number2 * number2;
alert( number3 );
}
</script>
- Előző lecke: Változók
- Következő lecke: Objektumok
Részletek
- Megtekintve: 394
- Haszontalannak jelölve: 0
- Hasznosnak jelölve: 0
- Értékelés: