JavaScript funkcje strzałkowe

Funkcje strzałkowe w JavaScript wprowadzone zostały w standardzie ES6/ECMAScript w czerwcu 2015 i obecnie są one bardzo często wykorzystywane. Tak często, że rzadko będziesz widział klasyczne funkcje tworzone słowem kluczowym function.

Wizualnie funkcje strzałkowe są krótsze w zapisie więc zamiast pisać:

const mojaFunkcja = function() {
// ciało funkcji
    return wynik
}

piszemy:

const mojaFunkcja = () => {
// ciało funkcji
    return wynik
}

Jeśli funkcja zawiera tylko jedno wyrażenie, to można ominąć nawiasy klamrowe, słowo kluczowe return i zapisać całość w jednej linii:

const pozdrow= () => 'Witaj świecie!'
const mojaFunkcja = () => wykonaj()

pozdrow()
// zwróci: Witaj świecie!

tutaj w funkcji strzałkowej mojaFunkcja() wywołujemy funkcję wykonaj(). Funkcja strzałkowa zwróci nam wartość zwróconą przez funkcję wykonaj().

Parametry do funkcji przekazujemy w nawiasach:

const pozdrow = (par1, par2) => 'Witaj ' + par1 + par2 + 'świecie!'
const mojaFunkcja = (par1, par2) => wykonaj(par1, par2)

pozdrow('mój', 'magiczny')
// zwróci: Witaj mój magiczny świecie!

tutaj funkcja strzałkowa przyjmuje dwa parametry par1 i par2, które przekazujemy do funkcji wykonaj(par1, par2).

Jeśli do funkcji strzałkowej przekazujemy tylko jeden parametr, to możemy pominąć nawiasy:

const pozdrow = par => 'Witaj ' + par + 'świecie!'
const mojaFunkcja = par => wykonaj(par)

pozdrow('magiczny')
// zwróci: Witaj magiczny świecie!

Taka składnia pozwala nam i zachęca do pisania krótkich funkcji.