Funkcije JavaScript in izrazi funkcij (s primeri)

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 functionključ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 addoz addNumbers.
  • 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();
Delovanje funkcije v JavaScript

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.

Delovanje funkcije JavaScript s parametrom

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 greetfunkcija deklarirana s nameparametrom. 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 addfunkcija uporablja za iskanje vsote dveh števil.

  • Funkcija je deklarirana z dvema parametroma ain b.
  • 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

returnIzjava se lahko uporabi za vrnitev vrednosti za klic funkcije.

returnIzjava pomeni, da je funkcija končalo. Koda po returnse ne izvrši.

Če se nič ne vrne, funkcija vrne undefinedvrednost.

Delovanje funkcije JavaScript s stavkom return

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

Zanimive Članki...