Funzione JavaScript ed espressioni di funzione (con esempi)

In questo tutorial imparerai a conoscere la funzione JavaScript e le espressioni di funzione con l'aiuto di esempi.

Funzione JavaScript

Una funzione è un blocco di codice che esegue un'attività specifica.

Supponiamo di dover creare un programma per creare un cerchio e colorarlo. Puoi creare due funzioni per risolvere questo problema:

  • una funzione per disegnare il cerchio
  • una funzione per colorare il cerchio

Dividere un problema complesso in parti più piccole rende il programma facile da capire e riutilizzabile.

JavaScript ha anche un numero enorme di funzioni integrate. Ad esempio, Math.sqrt()è una funzione per calcolare la radice quadrata di un numero.

In questo tutorial imparerai le funzioni definite dall'utente.

Dichiarazione di una funzione

La sintassi per dichiarare una funzione è:

 function nameOfFunction () ( // function body )
  • Una funzione viene dichiarata utilizzando la functionparola chiave.
  • Le regole di base per denominare una funzione sono simili a come denominare una variabile. È meglio scrivere un nome descrittivo per la funzione. Ad esempio, se una funzione viene utilizzata per aggiungere due numeri, è possibile denominare la funzione addo addNumbers.
  • Il corpo della funzione è scritto all'interno ().

Per esempio,

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

Chiamare una funzione

Nel programma precedente, abbiamo dichiarato una funzione denominata greet(). Per usare quella funzione, dobbiamo chiamarla.

Ecco come puoi chiamare la greet()funzione sopra .

 // function call greet();
Utilizzo di una funzione in JavaScript

Esempio 1: visualizzare un testo

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

Produzione

 Ciao!

Parametri di funzione

Una funzione può anche essere dichiarata con parametri. Un parametro è un valore che viene passato quando si dichiara una funzione.

Funzionamento della funzione JavaScript con parametro

Esempio 2: funzione con 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);

Produzione

 Immettere un nome: Simon Hello Simon :)

Nel programma precedente, la greetfunzione è dichiarata con un nameparametro. All'utente viene chiesto di inserire un nome. Quindi, quando viene chiamata la funzione, viene passato un argomento alla funzione.

Nota : quando un valore viene passato durante la dichiarazione di una funzione, viene chiamato parametro . E quando viene chiamata la funzione, il valore passato viene chiamato argomento .

Esempio 3: aggiungi due numeri

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

Produzione

 7 11

Nel programma sopra, la addfunzione viene utilizzata per trovare la somma di due numeri.

  • La funzione è dichiarata con due parametri ae b.
  • La funzione viene chiamata usando il suo nome e passando due argomenti 3 e 4 in uno e 2 e 9 in un altro.

Nota che puoi chiamare una funzione tutte le volte che vuoi. Puoi scrivere una funzione e poi chiamarla più volte con argomenti diversi.

Funzione Return

L' returnistruzione può essere utilizzata per restituire il valore a una chiamata di funzione.

L' returnistruzione indica che la funzione è terminata. Qualsiasi codice dopo returnnon viene eseguito.

Se non viene restituito nulla, la funzione restituisce un undefinedvalore.

Funzionamento della funzione JavaScript con dichiarazione di ritorno

Esempio 4: somma di due numeri

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

Produzione

 Immettere il primo numero: 3.4 Immettere il secondo numero: 4 La somma è 7.4

Nel programma precedente, la somma dei numeri viene restituita dalla funzione utilizzando l' returnistruzione. E quel valore è memorizzato nella variabile risultato.

Vantaggi dell'utilizzo di una funzione

  • La funzione rende il codice riutilizzabile. Puoi dichiararlo una volta e usarlo più volte.
  • La funzione semplifica il programma poiché ogni piccola attività è suddivisa in una funzione.
  • La funzione aumenta la leggibilità.

Espressioni di funzioni

In Javascript, le funzioni possono anche essere definite come espressioni. Per esempio,

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

Produzione

 16 9

Nel programma precedente, la variabile x viene utilizzata per memorizzare la funzione. Qui la funzione viene trattata come un'espressione. E la funzione viene chiamata utilizzando il nome della variabile.

La funzione sopra è chiamata funzione anonima.

Nota: in ES2015, le espressioni JavaScript vengono scritte come funzioni freccia. Li imparerai nei tutorial successivi.

Articoli interessanti...