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
Introduzione al tutorial JavaScript
Come utilizzare JavaScript alert
Come utilizzare JavaScript confirm
Creare elementi nel Dom con JavaScript