U ovom ćete uputstvu uz primjere naučiti o JavaScript funkciji i izrazima funkcija.
JavaScript funkcija
Funkcija je blok koda koji izvršava određeni zadatak.
Pretpostavimo da trebate stvoriti program za stvaranje kruga i bojanje. Da biste riješili ovaj problem, možete stvoriti dvije funkcije:
- funkcija za crtanje kruga
- funkcija za bojanje kruga
Podjelom složenog problema na manje dijelove vaš je program lako razumljiv i može se ponovno koristiti.
JavaScript također ima ogroman broj ugrađenih funkcija. Na primjer, Math.sqrt()
je funkcija za izračunavanje kvadratnog korijena broja.
U ovom vodiču naučit ćete o korisnički definiranim funkcijama.
Proglašavanje funkcije
Sintaksa za deklariranje funkcije je:
function nameOfFunction () ( // function body )
- Funkcija se deklarira pomoću
function
ključne riječi. - Osnovna pravila imenovanja funkcije slična su imenovanju varijable. Bolje je napisati opisni naziv za svoju funkciju. Na primjer, ako se funkcija koristi za dodavanje dva broja, funkciji biste mogli dati naziv
add
iliaddNumbers
. - Tijelo funkcije zapisano je iznutra
()
.
Na primjer,
// declaring a function named greet() function greet() ( console.log("Hello there"); )
Pozivanje funkcije
U gore navedenom programu proglasili smo funkciju imenovanu greet()
. Da bismo koristili tu funkciju, trebamo je nazvati.
Evo kako možete nazvati gornju greet()
funkciju.
// function call greet();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
Primjer 1: Prikažite tekst
// program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();
Izlaz
Pozdrav!
Parametri funkcije
Funkcija se također može deklarirati s parametrima. Parametar je vrijednost koja se prosljeđuje prilikom deklariranja funkcije.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
Primjer 2: Funkcija s parametrima
// program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);
Izlaz
Unesite ime: Simon Zdravo Simon :)
U gore navedenom programu greet
funkcija se deklarira s name
parametrom. Od korisnika se traži da unese ime. Zatim, kada se funkcija pozove, argument se prenosi u funkciju.
Napomena : Kada se prilikom deklariranja funkcije preda vrijednost, ona se naziva parametar . A kad se funkcija pozove, prenesena vrijednost naziva se argument .
Primjer 3: Dodajte dva broja
// program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);
Izlaz
7 11
U gore navedenom programu add
funkcija se koristi za pronalaženje zbroja dva broja.
- Funkcija se deklarira s dva parametra
a
ib
. - Funkcija se poziva koristeći svoje ime i prosljeđujući dva argumenta 3 i 4 u jedan, a 2 i 9 u drugi.
Primijetite da možete pozvati funkciju koliko god puta želite. Možete napisati jednu funkciju, a zatim je nazvati više puta s različitim argumentima.
Povratak funkcije
Izraz return
se može koristiti za vraćanje vrijednosti pozivu funkcije.
return
Izjava označava da je funkcija završila. Bilo koji kod nakon return
se ne izvršava.
Ako se ništa ne vrati, funkcija vraća undefined
vrijednost.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
Primjer 4: Zbroj dva broja
// program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);
Izlaz
Unesite prvi broj: 3.4 Unesite drugi broj: 4 Zbroj je 7.4
U gore navedenom programu funkcija pomoću return
izraza vraća zbroj brojeva . I ta se vrijednost pohranjuje u varijablu rezultata.
Prednosti upotrebe funkcije
- Funkcija čini kod višekratnim. Možete ga prijaviti jednom i koristiti više puta.
- Funkcija olakšava program jer je svaki mali zadatak podijeljen u funkciju.
- Funkcija povećava čitljivost.
Izrazi funkcija
U Javascriptu se funkcije mogu definirati i kao izrazi. Na primjer,
// program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);
Izlaz
16 9
U gornjem programu, varijabla x koristi se za pohranu funkcije. Ovdje se funkcija tretira kao izraz. A funkcija se poziva pomoću imena varijable.
Gornja funkcija naziva se anonimna funkcija.
Napomena: U ES2015 izrazi JavaScripta zapisani su kao funkcije strelice. O njima ćete naučiti u kasnijim tutorijalima.