Arrow functions i parametry domyślne

JavaScript od wersji ES6 (ECMAScript 2015) wprowadził funkcje strzałkowe (arrow functions). Umożliwiają one krótsze i często bardziej czytelne zapisywanie funkcji. Z kolei parametry domyślne (default parameters) pozwalają ustawić wartości argumentów, jeśli nie zostaną one przekazane podczas wywołania funkcji.

Arrow functions – podstawy

Funkcja strzałkowa to alternatywny sposób definiowania funkcji, np.:

• Arrow function zwykle jest przypisana do zmiennej (const lub let).
• Zamiast słowa kluczowego function używa się => (strzałki).
• Ma ten sam efekt – zwraca tekst "Cześć, " + name.

// Zwykła funkcja
function przywitajImie(name) {
  return "Cześć, " + name;
}

// Funkcja strzałkowa
const przywitajImieArrow = (name) => {
  return "Cześć, " + name;
};

// Skrócony zapis
const przywitajImieArrow = (name) => "Cześć, " + name;

Parametry domyślne

Pozwalają określić wartość domyślną argumentu, gdy wywołujesz funkcję bez przekazania potrzebnego parametru. Przykład: Jeśli np. name nie jest przekazane, przyjmuje wartość "Nieznajomy".

// Funkcja z parametrem domyślnym 
function przywitajImie(name = "Nieznajomy") {
  return "Cześć, " + name;
}

// Wywołanie bez podania argumentu:
console.log( przywitajImie() ); // "Cześć, Nieznajomy"

// Skrócona wersja
const przywitajArrow = (name = "Gość") => "Witaj, " + name;

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

• Arrow functions oferują krótszą składnię niż tradycyjne funkcje.
• Możesz pominąć klamry i return, gdy ciało funkcji to jedna linijka wyrażenia.
• Parametry domyślne (default parameters) definiują wartości zastępcze, jeśli argument nie zostanie przekazany (lub jest undefined).
• Łączenie arrow functions i parametrów domyślnych pozwala pisać zwięzły, przejrzysty i elastyczny kod.