Funzioni

Scrivi una volta sola function square(n) { return n * n; }, e square(4) dà 16, square(9) dà 81, e così via per qualsiasi numero passi.

Dare un nome a un lavoro

Hai già usato funzioni scritte da altri: console.log, Math.round e toUpperCase sono tutte funzioni. Una funzione è un blocco di codice con un nome che svolge un solo compito. La definisci una volta e poi la chiami, per nome, tutte le volte che vuoi. Le funzioni ti evitano di copiare le stesse righe qua e là, e ti permettono di pensare a un programma in pezzi più grandi: «calcola la mancia, poi dividi il conto» invece di una lunga lista di calcoli.

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Ana"));   // Hello, Ana!
console.log(greet("Ji"));    // Hello, Ji!

La definizione comincia con la parola chiave function, poi il nome della funzione, poi un elenco di parametri fra parentesi. Un parametro è una variabile che riceve un valore quando la funzione viene chiamata; qui è name. Il corpo fra parentesi graffe fa il lavoro. Quando chiami greet("Ana"), il valore "Ana", chiamato argomento, viene messo nel parametro name, e il corpo viene eseguito.

return restituisce un valore

La parola chiave return termina la funzione e rimanda un valore al punto in cui la funzione è stata chiamata. La chiamata greet("Ana") è un'espressione, e il suo valore è ciò che è stato restituito. Ecco perché può stare dentro console.log, dentro un calcolo, o essere salvata in una variabile: const msg = greet("Ana");.

Restituire un valore e stamparlo sono cose diverse, e chi comincia spesso le confonde. Una funzione che chiama soltanto console.log mostra qualcosa sullo schermo, ma non restituisce nulla. La sua chiamata vale undefined, quindi non puoi usarne il risultato in un calcolo. Come regola, fai in modo che le funzioni restituiscano risultati e lascia decidere al codice che le chiama se stamparli.

function addPrint(a, b) {
  console.log(a + b);
}
function add(a, b) {
  return a + b;
}

const x = add(2, 3) * 10;
console.log(x);      // 50
addPrint(2, 3);      // stampa 5, ma non restituisce niente di utilizzabile

return ferma anche subito la funzione. Le righe che vengono dopo nello stesso percorso non vengono eseguite. Questo ti permette di gestire i casi speciali all'inizio: if (n < 0) return "negative"; in cima a una funzione, con il caso normale scritto sotto.

Più parametri e valori predefiniti

Una funzione può avere più parametri, separati da virgole, e gli argomenti vengono abbinati in ordine: in add(2, 3), a vale 2 e b vale 3. Se in una chiamata manca un argomento, quel parametro è undefined. Puoi dare a un parametro un valore predefinito, usato quando non viene passato nulla: function tip(bill, rate = 0.15) usa 0.15 a meno che chi chiama non fornisca un'altra percentuale.

Funzioni freccia

Il JavaScript moderno ha anche un modo più breve per scrivere piccole funzioni, la funzione freccia (arrow function). const square = (n) => n * n; significa la stessa cosa della funzione square dell'introduzione. Quando il corpo è una sola espressione, il suo valore viene restituito automaticamente, senza graffe e senza la parola chiave return. Vedrai funzioni freccia ovunque nel codice moderno.

Le variabili interne restano dentro

I parametri e le variabili dichiarate dentro una funzione esistono solo lì dentro. Questo si chiama ambito (scope). Due funzioni diverse possono avere ciascuna una variabile chiamata total senza disturbarsi, e il codice fuori da una funzione non può vedere le sue variabili private. Una funzione può leggere le variabili dichiarate fuori, ma le funzioni più pulite ricevono tutto ciò che serve tramite i parametri e restituiscono tutto con return, così le puoi capire da sole.