V tej vadnici boste s pomočjo primerov spoznali funkcijo JavaScript in izraze funkcij.
Funkcija JavaScript
Funkcija je blok kode, ki izvaja določeno nalogo.
Recimo, da morate ustvariti program za ustvarjanje kroga in njegovo barvanje. Za rešitev te težave lahko ustvarite dve funkciji:
- funkcija za risanje kroga
- funkcija za barvanje kroga
Če zapleteno težavo razdelite na manjše dele, je vaš program enostaven za razumevanje in ponovna uporaba.
JavaScript ima tudi ogromno vgrajenih funkcij. Na primer, Math.sqrt()
je funkcija za izračun kvadratnega korena števila.
V tej vadnici boste spoznali uporabniško določene funkcije.
Razglasitev funkcije
Sintaksa za razglasitev funkcije je:
function nameOfFunction () ( // function body )
- Funkcija je deklarirana s
function
ključno besedo. - Osnovna pravila poimenovanja funkcije so podobna poimenovanju spremenljivke. Bolje je, da za svojo funkcijo napišete opisno ime. Če na primer s funkcijo dodajamo dve številki, lahko funkcijo poimenujemo
add
ozaddNumbers
. - Telo funkcije je zapisano znotraj
()
.
Na primer
// declaring a function named greet() function greet() ( console.log("Hello there"); )
Klicanje funkcije
V zgornjem programu smo razglasili funkcijo z imenom greet()
. Za uporabo te funkcije jo moramo poklicati.
Tukaj je opisano, kako lahko pokličete zgornjo greet()
funkcijo.
// function call greet();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
Primer 1: Prikažite besedilo
// program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();
Izhod
Pozdravljeni!
Parametri funkcije
Funkcijo je mogoče prijaviti tudi s parametri. Parameter je vrednost, ki se posreduje pri razglasitvi funkcije.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
Primer 2: Funkcija s parametri
// 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);
Izhod
Vnesite ime: Simon Pozdravljeni Simon :)
V zgornjem programu je greet
funkcija deklarirana s name
parametrom. Uporabnik bo pozvan, da vnese ime. Nato se pri klicu funkcije v funkcijo prenese argument.
Opomba : Ko se vrednost pri oddaji funkcije posreduje, se imenuje parameter . In ko je funkcija poklicana, se posredovana vrednost imenuje argument .
3. primer: dodajte dve številki
// 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);
Izhod
7. 11.
V zgornjem programu se add
funkcija uporablja za iskanje vsote dveh števil.
- Funkcija je deklarirana z dvema parametroma
a
inb
. - Funkcija se pokliče z uporabo njenega imena in posredovanjem dveh argumentov 3 in 4 v enega in 2 in 9 v drugega.
Upoštevajte, da lahko funkcijo pokličete tolikokrat, kot želite. Lahko napišete eno funkcijo in jo nato večkrat pokličete z različnimi argumenti.
Vrnitev funkcije
return
Izjava se lahko uporabi za vrnitev vrednosti za klic funkcije.
return
Izjava pomeni, da je funkcija končalo. Koda po return
se ne izvrši.
Če se nič ne vrne, funkcija vrne undefined
vrednost.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
Primer 4: Vsota dveh števil
// 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);
Izhod
Vnesite prvo številko: 3.4 Vnesite drugo številko: 4 Vsota je 7.4
V zgornjem programu funkcija s pomočjo return
stavka vrne vsoto števil . In ta vrednost je shranjena v spremenljivki rezultata.
Prednosti uporabe funkcije
- Funkcija omogoča kodo za večkratno uporabo. Lahko ga prijavite enkrat in uporabite večkrat.
- Funkcija olajša program, saj je vsako majhno opravilo razdeljeno na funkcijo.
- Funkcija poveča berljivost.
Izrazi funkcij
V Javascriptu lahko funkcije definiramo tudi kot izraze. Na primer
// 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);
Izhod
16 9
V zgornjem programu se za shranjevanje funkcije uporablja spremenljivka x. Tu je funkcija obravnavana kot izraz. Funkcija se pokliče z imenom spremenljivke.
Zgornja funkcija se imenuje anonimna funkcija.
Opomba: V ES2015 so izrazi JavaScript zapisani kot puščične funkcije. O njih boste izvedeli v kasnejših vajah.