Funcții JavaScript și expresii funcționale (cu exemple)

În acest tutorial, veți afla despre funcția JavaScript și expresiile funcției cu ajutorul exemplelor.

Funcția JavaScript

O funcție este un bloc de cod care efectuează o sarcină specifică.

Să presupunem că trebuie să creați un program pentru a crea un cerc și a-l colora. Puteți crea două funcții pentru a rezolva această problemă:

  • o funcție pentru a desena cercul
  • o funcție de colorare a cercului

Împărțirea unei probleme complexe în bucăți mai mici face ca programul dvs. să fie ușor de înțeles și reutilizat.

JavaScript are, de asemenea, un număr mare de funcții încorporate. De exemplu, Math.sqrt()este o funcție pentru a calcula rădăcina pătrată a unui număr.

În acest tutorial, veți afla despre funcțiile definite de utilizator.

Declararea unei funcții

Sintaxa pentru a declara o funcție este:

 function nameOfFunction () ( // function body )
  • O funcție este declarată folosind functioncuvântul cheie.
  • Regulile de bază pentru denumirea unei funcții sunt similare cu denumirea unei variabile. Este mai bine să scrieți un nume descriptiv pentru funcția dvs. De exemplu, dacă o funcție este utilizată pentru a adăuga două numere, puteți denumi funcția addsau addNumbers.
  • Corpul funcției este scris în interior ().

De exemplu,

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

Apelarea unei funcții

În programul de mai sus, am declarat o funcție numită greet(). Pentru a utiliza această funcție, trebuie să o numim.

Iată cum puteți apela greet()funcția de mai sus .

 // function call greet();
Funcționarea unei funcții în JavaScript

Exemplul 1: Afișați un text

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

Ieșire

 Salutare!

Parametrii funcției

O funcție poate fi declarată și cu parametri. Un parametru este o valoare care este transmisă atunci când se declară o funcție.

Funcționarea funcției JavaScript cu parametru

Exemplul 2: Funcție cu 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);

Ieșire

 Introduceți un nume: Simon Hello Simon :)

În programul de mai sus, greetfuncția este declarată cu un nameparametru. Utilizatorului i se solicită să introducă un nume. Atunci când funcția este apelată, un argument este trecut în funcție.

Notă : Când o valoare este transmisă atunci când declară o funcție, aceasta se numește parametru . Și când funcția este apelată, valoarea transmisă se numește argument .

Exemplul 3: Adăugați două numere

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

Ieșire

 7 11

În programul de mai sus, addfuncția este utilizată pentru a găsi suma a două numere.

  • Funcția este declarată cu doi parametri ași b.
  • Funcția este numită folosind numele său și trecând două argumente 3 și 4 într-unul și 2 și 9 în altul.

Observați că puteți apela o funcție de câte ori doriți. Puteți scrie o funcție și apoi să o apelați de mai multe ori cu argumente diferite.

Funcția Return

Instrucțiunea returnpoate fi utilizată pentru a returna valoarea unui apel de funcție.

returnDeclarația denotă că funcția sa încheiat. Orice cod după returnnu este executat.

Dacă nu se returnează nimic, funcția returnează o undefinedvaloare.

Funcționarea funcției JavaScript cu declarație return

Exemplul 4: Suma a două numere

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

Ieșire

 Introduceți primul număr: 3.4 Introduceți al doilea număr: 4 Suma este 7.4

În programul de mai sus, suma numerelor este returnată de funcția folosind returninstrucțiunea. Și acea valoare este stocată în variabila rezultat.

Avantajele utilizării unei funcții

  • Funcția face codul reutilizabil. Puteți să o declarați o singură dată și să o utilizați de mai multe ori.
  • Funcția facilitează programul, deoarece fiecare sarcină mică este împărțită într-o funcție.
  • Funcția crește lizibilitatea.

Expresii funcționale

În Javascript, funcțiile pot fi definite și ca expresii. De exemplu,

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

Ieșire

 16 9

În programul de mai sus, variabila x este utilizată pentru a stoca funcția. Aici funcția este tratată ca o expresie. Iar funcția se numește folosind numele variabilei.

Funcția de mai sus se numește funcție anonimă.

Notă: În ES2015, expresiile JavaScript sunt scrise ca funcții săgeată. Veți afla despre ele în tutoriale ulterioare.

Articole interesante...