Le funzioni in JavaScript sono dei blocchi di codice fondamentali, costituite da una o più istruzioni, che svolgono una o più azioni.

Una funzione in JavaScript si definisce attraverso la parola chiave function seguita dal nome della funzione e dagli argomenti, comunque opzionali, racchiusi tra parentesi tonde e separati dalla virgola. Le istruzioni si inseriscono poi tra le parentesi graffe.

Per richiamare una funzione poi basterà indicare il nome della funzione e tra parentesi tonde gli argomenti, se ce ne sono.

Primo esempio sulle funzioni in JavaScript

Facciamo innanzitutto un esempio realizzando una semplice funzione di benvenuto che fa partire un alert con un messaggio di benvenuto.

Quindi tra parentesi tonde non inseriamo alcun parametro.


function benvenuto(){
  alert('Benvenuto in coding creativo');
}

Una funzione in questo modo è solo definita, cioè non fa nulla finché non viene richiamata.

Per richiamarla (o invocarla) basta dunque scrivere il nome della funzione seguito dalle parentesi tonde.

Ecco quindi un esempio:


benvenuto();

L’istruzione return nelle funzioni JavaScript

Nel corpo delle funzioni può essere presente un’istruzione return che serve a restituire un valore oppure dei dati.

Secondo esempio sulle funzioni in JavaScript

Realizziamo un altro esempio in cui utilizziamo dei parametri. Definiamo una funzione somma con due valori segnaposto a e b.

All’interno delle parentesi graffe inseriamo il calcolo della somma dei due numeri e facciamo ritornare il risultato alla funzione.


function somma(a,b){
  return a + b;
}

Dunque invochiamo la funzione somma indicando tra parentesi i valori reali e memorizziamo il valore che restituisce in una variabile sommaNumeri.

Visualizziamo poi nella console del browser il valore ottenuto.


var sommaNumeri = somma(5,6);
console.log(sommaNumeri);

In questa lezione abbiamo introdotto le funzioni in JavaScript, nelle prossime lezioni approfondiremo l’argomento con altri esempi.

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

JavaScript substring

Creare elementi nel Dom con JavaScript