Vai al contenuto
eLearner.app
Modulo 4 · Lezione 1 di 413/32 nel corso~10 min
Lezioni del modulo (1/4)

Dichiarare una funzione

Una funzione è un pezzo di codice riusabile a cui dai un nome. La chiami passando degli argomenti, lei esegue il suo corpo e può restituire un valore con return.

Dichiarazione classica

La forma più comune è la function declaration:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Da notare:

  • nome è il parametro (variabile locale alla funzione).
  • 'Anna' è l'argomento (il valore passato in chiamata).
  • Senza return, la funzione restituisce undefined.

Function expression

Le funzioni in JS sono valori: si possono assegnare a una variabile.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Le due forme sono quasi equivalenti, con una differenza importante:

  • function declaration viene "hoistata": puoi chiamarla anche prima della riga in cui appare nel codice.
  • function expression segue le regole di const/let: esiste solo dopo l'assegnazione.

Niente return esplicito

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // niente return → la funzione ritorna undefined
}

const r = logga('ciao'); // stampa "[LOG] ciao"
r; // undefined

Prova tu

Esercizio#js.m4.l1.e1
Tentativi: 0Caricamento…

Dichiara una function `greet(name)` che restituisca la stringa `Ciao, <name>!`. Poi chiamala con 'Anna' e usa il risultato come ultima espressione.

Caricamento editor…
Mostra suggerimento

function greet(name) { return ... }

Soluzione disponibile dopo 3 tentativi

Esercizio di ripasso

Esercizio#js.m4.l1.e2
Tentativi: 0Caricamento…

Scrivi una function expression `double` che, dato un numero, restituisca il suo doppio. Chiamala con 7 come ultima espressione (atteso 14).

Caricamento editor…
Mostra suggerimento

const double = function (n) { return ... };

Soluzione disponibile dopo 3 tentativi