JavaScript funkciju un funkciju izteiksmes (ar piemēriem)

Šajā apmācībā jūs uzzināsit par JavaScript funkciju un funkciju izteiksmēm, izmantojot piemērus.

JavaScript funkcija

Funkcija ir koda bloks, kas veic noteiktu uzdevumu.

Pieņemsim, ka jums ir jāizveido programma, lai izveidotu loku un to iekrāsotu. Šīs problēmas risināšanai varat izveidot divas funkcijas:

  • funkcija apļa uzzīmēšanai
  • funkcija apļa krāsošanai

Sarežģītas problēmas sadalīšana mazākos gabalos padara jūsu programmu viegli saprotamu un atkārtoti lietojamu.

JavaScript ir arī ļoti daudz iebūvētu funkciju. Piemēram, Math.sqrt()ir funkcija, lai aprēķinātu skaitļa kvadrātsakni.

Šajā apmācībā jūs uzzināsit par lietotāja definētām funkcijām.

Funkcijas deklarēšana

Funkcijas deklarēšanas sintakse ir šāda:

 function nameOfFunction () ( // function body )
  • Funkcija tiek deklarēta, izmantojot functionatslēgvārdu.
  • Funkcijas nosaukšanas pamatnoteikumi ir līdzīgi mainīgā nosaukšanai. Labāk uzrakstiet aprakstošu nosaukumu savai funkcijai. Piemēram, ja funkciju izmanto divu skaitļu pievienošanai, jūs varētu nosaukt funkciju addvai addNumbers.
  • Funkcijas pamatteksts ir ierakstīts ().

Piemēram,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Funkcijas izsaukšana

Iepriekš minētajā programmā mēs esam deklarējuši funkciju ar nosaukumu greet(). Lai izmantotu šo funkciju, mums tā jāizsauc.

Lūk, kā jūs varat izsaukt iepriekš minēto greet()funkciju.

 // function call greet();
Funkcijas darbība JavaScript

1. piemērs: Teksta parādīšana

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Rezultāts

 Sveiki!

Funkciju parametri

Funkciju var deklarēt arī ar parametriem. Parametrs ir vērtība, kas tiek nodota, deklarējot funkciju.

JavaScript funkcijas ar parametru darbība

2. piemērs: Funkcija ar parametriem

 // 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);

Rezultāts

 Ievadiet vārdu: Simon Hello Simon :)

Iepriekš minētajā programmā greetfunkcija tiek deklarēta ar nameparametru. Lietotājam tiek piedāvāts ievadīt vārdu. Tad, kad tiek izsaukta funkcija, funkcijai tiek nodots arguments.

Piezīme : Kad vērtība tiek nodota, deklarējot funkciju, to sauc par parametru . Kad funkcija tiek izsaukta, nodoto vērtību sauc par argumentu .

3. piemērs: pievienojiet divus skaitļus

 // 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);

Rezultāts

 7 11

Iepriekš minētajā programmā addfunkcija tiek izmantota divu skaitļu summas atrašanai.

  • Funkcija tiek deklarēta ar diviem parametriem aun b.
  • Funkcija tiek izsaukta, izmantojot tās nosaukumu un nododot divus argumentus 3 un 4 vienā un 2 un 9 citā.

Ievērojiet, ka funkciju varat izsaukt tik reižu, cik vēlaties. Jūs varat uzrakstīt vienu funkciju un pēc tam to vairākas reizes izsaukt ar dažādiem argumentiem.

Funkcijas atgriešana

returnPaziņojumu var izmantot, lai atgrieztu vērtību funkciju zvanu.

returnApgalvojums norāda, ka funkcija ir beigusies. Jebkurš kods pēc returnnav izpildīts.

Ja nekas netiek atgriezts, funkcija atgriež undefinedvērtību.

JavaScript funkcijas darbība ar atgriešanās paziņojumu

4. piemērs: Divu skaitļu summa

 // 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);

Rezultāts

 Ievadiet pirmo numuru: 3.4 Ievadiet otro numuru: 4 Summa ir 7,4

Iepriekš minētajā programmā skaitļu summu atgriež funkcija, izmantojot returnpaziņojumu. Un šī vērtība tiek saglabāta rezultāta mainīgajā.

Funkcijas izmantošanas priekšrocības

  • Funkcija padara kodu atkārtoti lietojamu. Jūs varat to deklarēt vienu reizi un izmantot vairākas reizes.
  • Funkcija atvieglo programmu, jo katrs mazais uzdevums ir sadalīts funkcijā.
  • Funkcija palielina lasāmību.

Funkciju izteiksmes

Javascript funkcijas var definēt arī kā izteiksmes. Piemēram,

 // 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);

Rezultāts

 16 9

Iepriekš minētajā programmā funkcijas glabāšanai tiek izmantots mainīgais x. Šeit funkcija tiek traktēta kā izteiksme. Funkcija tiek izsaukta, izmantojot mainīgā nosaukumu.

Iepriekš minēto funkciju sauc par anonīmu funkciju.

Piezīme: ES2015 JavaScript izteiksmes tiek rakstītas kā bultiņu funkcijas. Jūs uzzināsiet par tiem turpmākajās apmācībās.

Interesanti raksti...