Funzioni in JavaScript

Le funzioni in JavaScript sono blocchi di codice che svolgono determinate istruzioni. Le funzioni sono indipendenti e possono essere chiamate più volte.

Ad esempio, se un utente deve inserire 10 diverse parole, che devono essere controllate, possono creare una funzione unica invece di controllarle una ad una.

In questa lezione, vediamo come si possono creare e come usare le funzioni.

Come creare le funzioni

Per creare una funzione, si utilizza la sintassi function nome_funzione(parametri) { ... }. I parametri non sono obbligatori. Vediamo un esempio:

function messaggio() {
  alert("Questa e' una funzione");
}

In questo esempio, la funzione non riceve parametri, che vediamo più avanti in questa lezione. Questa funzione ha il solo compito di visualizzare un alert.

Il nome delle funzioni dovrebbe spiegare cosa compie la funzione. Ad esempio, se la funzione genera un numero casuale, potresti chiamarla numeroCasuale o generaNumeroCasuale. Evita di creare nomi brevi che non descrivono la funzione.

Altri modi per dichiarare le funzioni

Esistono anche altri modi per dichiarare una funzione, anche se il metodo più utilizzato è quello che abbiamo visto prima.

1. Sottoforma di espressione, con la sintassi nome_funzione = function(parametri) { ... }.

const messaggio = function() {
  alert("Questa e' una funzione");
}

2. La cosiddetta "Funzione freccia", con la sintassi nome_funzione = (parametri) => { ... }.

const messaggio = () => {
  alert("Questa e' una funzione");
}

Se hai provato ad eseguire il codice, avrai notato che non succede nulla. Questo perché tutte le funzioni devono essere chiamate per eseguirle. Vediamo come.

Chiamare una funzione

Una chiamata alla funzione può essere svolta semplicemente con il nome della funzione nel punto del programma in cui ci serve. Ad esempio, se vogliamo chiamare la funzione messaggio(), scriviamo:

// Codice
messaggio();
// Altro codice

All'interno delle parentesi, inseriamo i parametri necessari alla funzione. Nel caso di prima, non sono necessari. Ricorda: puoi chiamare una funzione quante volte serve.

Nota: la chiamata alla funzione può anche restituire un parametro, di cui parleremo nella prossima lezione.

Parametri di una funzione

Per ora, abbiamo visto funzioni che non avevano parametri. Proviamo ad utilizzarli.

Cosa sono i parametri

I parametri sono delle variabili che sono visibili soltanto all'interno della funzione. Viene attribuito un valore ai parametri tramite la chiamata alla funzione. 

Creare una funzione con i parametri

Vediamo ora come creare una funzione con i parametri, utilizzando il metodo standard.

function messaggio(parola) {
  alert("Parola inserita: "+parola);
}

Nell'esempio, la funzione ha il parametro parola, che viene utilizzato per visualizzare l'alert.

Chiamare una funzione con i parametri

Abbiamo visto come creare funzioni con parametri. Ma come posso associare al parametro un valore? Nella chiamata alla funzione, posso inserirlo.

function messaggio(parola) {
  alert("Parola inserita: "+parola);
}

messaggio("ciao");

// Risultato dell'alert: "Parola inserita: ciao"

Il valore "ciao" viene trasferito a parola. La variabile parola è visibile soltanto all'interno della funzione.

function messaggio(parola) {
  alert(parola);  // Risultato: "ciao"
}

alert(parola);  // Errore
messaggio("ciao");
alert(parola);  // Errore

Funzioni con diversi parametri

In una funzione, posso avere anche diversi parametri, divisi dalle virgole. La sintassi rimane la stessa.

function sottraiNumeri(a, b) {
  alert(a - b);
}

sottraiNumeri(4, 3);  // Risultato: 1

// 4 --> a
// 3 --> b