Parametri di default e rest

JavaScript ti permette di rendere i parametri opzionali (con un valore di default) e di accettare un numero variabile di argomenti con il rest operator (...).

Parametri di default

function saluta(nome, prefisso = 'Ciao') {
  return `${prefisso}, ${nome}!`;
}

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

Il default si applica solo quando l'argomento è undefined (compreso il caso "non passato"). Per null o 0 il default non scatta:

function f(x = 10) {
  return x;
}
f(); // 10
f(undefined); // 10
f(null); // null
f(0); // 0

Rest: ...nomi

Per accettare un numero variabile di argomenti, raccoglili in un array con ...:

function somma(...numeri) {
  let totale = 0;
  for (const n of numeri) totale += n;
  return totale;
}

somma(); // 0
somma(5); // 5
somma(1, 2, 3, 4); // 10

Dentro la funzione, numeri è un vero array (non l'oggetto magico arguments delle vecchie function).

Il rest deve essere l'ultimo parametro:

function f(primo, ...altri) {
  /* ok */
}
// function f(...altri, ultimo) {} // SyntaxError

Spread in chiamata

L'altra faccia di ... è l'operatore spread, che "esplode" un array in argomenti separati al momento della chiamata:

function somma(a, b, c) {
  return a + b + c;
}

const nums = [1, 2, 3];
somma(...nums); // 6, equivalente a somma(1, 2, 3)

Prova tu

Esercizio di ripasso