Funkcje strzałkowe

Funkcje strzałkowe pozwalają krócej zapisywać funkcje w JavaScript. Są szczególnie przydatne w przypadku krótkich, prostych funkcji.

Wyrażenie funkcji strzałkowej ma krótszą składnię niż wyrażenie funkcji i nie ma własnych powiązań ze słowami kluczowymi this, arguments, super ani new.target. Funkcje strzałkowe są zawsze anonimowe.

Oto podstawowa składnia funkcji strzałkowej:

(param1, param2) => {
	// Ciało funkcji
	// ...
	return value; // Opcjonalna instrukcja return
}

Jeśli funkcja ma tylko jeden parametr, możesz pominąć nawiasy wokół listy parametrów. Jeśli ciało funkcji zawiera tylko jedno wyrażenie, możesz pominąć nawiasy klamrowe i słowo kluczowe return. Wynik wyrażenia zostanie zwrócony niejawnie.

Oto przykład tradycyjnego wyrażenia funkcyjnego:

let add = function(a, b) {
	return a + b;
};

Oto ta sama funkcja zapisana jako funkcja strzałkowa:

let add = (a, b) => a + b;

W tym przykładzie nawiasy wokół parametrów są zachowane, ponieważ są dwa parametry. Nawiasy klamrowe i słowo kluczowe return są pominięte, ponieważ ciało funkcji zawiera tylko jedno wyrażenie.

Oto kolejny przykład bez parametrów:

let greet = () => console.log("Hello!");
greet(); // Wynik: Hello!

W tym przypadku pusta para nawiasów wskazuje, że funkcja nie ma parametrów.

Funkcje strzałkowe są często używane, gdy trzeba przekazać krótką funkcję jako argument do innej funkcji.