JavaScript funkcija i izrazi funkcija (s primjerima)

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 functionključ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 addili addNumbers.
  • 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();
Rad funkcije u JavaScript-u

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.

Rad JavaScript funkcije s parametrom

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 greetfunkcija se deklarira s nameparametrom. 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 addfunkcija se koristi za pronalaženje zbroja dva broja.

  • Funkcija se deklarira s dva parametra ai b.
  • 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 returnse može koristiti za vraćanje vrijednosti pozivu funkcije.

returnIzjava označava da je funkcija završila. Bilo koji kod nakon returnse ne izvršava.

Ako se ništa ne vrati, funkcija vraća undefinedvrijednost.

Rad JavaScript funkcije s povratnom izjavom

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

Zanimljivi članci...