Funzioni e arrow function

1. Il concetto, spiegato da zero

Le funzioni descrivono azioni riutilizzabili, con parametri e risultati.

Una funzione tradizionale si dichiara con function; la arrow function è una forma compatta. return restituisce il risultato, mentre console.log lo visualizza.

2. Un esempio ragionato

Osserva l’esempio e leggi ogni istruzione nell’ordine. Prima di provarlo, fermati a prevedere cosa succederà; capire il motivo del risultato è più importante che memorizzare la sintassi.

function somma(a, b) {
  return a + b;
}
const triplo = n => n * 3;
console.log(somma(2, 4));
console.log(triplo(5));

6
15

Come leggere questo esempio

1. Prima di eseguire, prova a prevedere il risultato dell’esempio.
2. Spiega con parole tue in che modo “funzioni e arrow function” risolve un problema concreto.
3. Rileggi ogni riga del programma e individua i valori che vengono creati o modificati.
4. Modifica un valore; confronta il comportamento e annota che cosa è cambiato.

3. Adesso tocca a te

Obiettivo dell’esercizio: Crea una funzione somma e una arrow function per il triplo.

Puoi partire dall’esempio, riprodurlo e poi modificarlo. La soluzione di riferimento è disponibile sotto, ma conviene aprirla soltanto dopo un primo tentativo.

Il risultato comparirà qui.

function somma(a, b) {
  return a + b;
}
const triplo = n => n * 3;
console.log(somma(2, 4));
console.log(triplo(5));

4. Verifica e ripasso

5. Come proseguire

Prima del capitolo successivo, prova a spiegare il concetto a un amico senza leggere il codice. Se non riesci, torna all’esempio e fai una nuova variante: imparare significa anche sperimentare.