JavaDefiniranje skripte i pozivanje funkcija s primjerom
Što je funkcija u JavaSkripta?
Funkcije su vrlo važne i korisne u bilo kojem programskom jeziku jer čine kod višekratno upotrebljivim. Funkcija je blok koda koji će se izvršiti samo ako se pozove. Ako imate nekoliko redaka koda koje treba upotrijebiti nekoliko puta, možete stvoriti funkciju koja uključuje ponavljajuće retke koda i zatim pozvati funkciju gdje god želite.
Kako stvoriti funkciju u JavaScript
- Koristite ključnu riječ funkcija nakon čega slijedi naziv funkcije.
- Nakon naziva funkcije otvorite i zatvorite zagrade.
- Nakon zagrada otvorite i zatvorite vitičaste zagrade.
- Unutar vitičastih zagrada napišite svoje retke koda.
Sintaksa:
function functionname() { lines of code to be executed }
Pokušajte ovo sami:
<html> <head> <title>Functions!!!</title> <script type="text/javascript"> function myFunction() { document.write("This is a simple function.<br />"); } myFunction(); </script> </head> <body> </body> </html>
Funkcija s argumentima
Možete kreirati i funkcije s argumentima. Argumente treba navesti unutar zagrada
Sintaksa:
function functionname(arg1, arg2) { lines of code to be executed }
Pokušajte ovo sami:
<html> <head> <script type="text/javascript"> var count = 0; function countVowels(name) { for (var i=0;i<name.length;i++) { if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u") count = count + 1; } document.write("Hello " + name + "!!! Your name has " + count + " vowels."); } var myName = prompt("Please enter your name"); countVowels(myName); </script> </head> <body> </body> </html>
JavaPovratna vrijednost skripte
Također možete stvoriti JS funkcije koje vraćaju vrijednosti. Unutar funkcije morate upotrijebiti ključnu riječ povratak nakon čega slijedi vrijednost koju treba vratiti.
Sintaksa:
function functionname(arg1, arg2) { lines of code to be executed return val1; }
Pokušajte ovo sami:
<html> <head> <script type="text/javascript"> function returnSum(first, second) { var sum = first + second; return sum; } var firstNo = 78; var secondNo = 22; document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo)); </script> </head> <body> </body> </html>