Parametry domyślne i rest

JavaScript umożliwia tworzenie parametrów opcjonalnych (z przypisaną wartością domyślną) oraz akceptowanie zmiennej liczby argumentów za pomocą operatora rest (...).

Parametry domyślne (default parameters)

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

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

Wartość domyślna ma zastosowanie tylko wtedy, gdy argument wynosi undefined (w tym w przypadku braku jego przekazania). Dla wartości null lub 0 wartość domyślna się nie aktywuje:

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

Rest: ...nomi

Aby akceptować zmienną liczbę argumentów, zbierz je w tablicę za pomocą ...:

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

Wewnątrz funkcji numeri to prawdziwa tablica (a nie magiczny obiekt arguments ze starych funkcji).

Parametr rest musi być ostatnim parametrem:

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

Spread przy wywołaniu

Druga strona ... to operator spread, który „rozbija” tablicę na osobne argumenty w momencie wywołania:

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

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

Spróbuj sam

Ćwiczenie powtórzeniowe