Strzałka dot. tagu html w argumencie funkcji JavaScript

Question

Cześć, mam tu kawałek kodu, w którym jako argument funkcji jest przekazywany tag HTML-a, a od niego odchodzi strzałka i klamra z tym co ma się wykonać dla każdego buttona, jeśli dobrze rozumiem. Chodzi mi głównie o ten zapis, o pierwszą strzałkę - co ona oznacza? Bo cała funkcjonalność siedzi tu tak jakby w miejscu argumentu funkcji forEach, a z czymś takim jeszcze się nie spotkałam. Pokreślam, że nie chodzi mi o funkcję strzałkową (chyba, że ta pierwsza strzałka ma z nią coś wspólnego i właśnie o nią pytam). Nie wiem nawet czego szukać w internecie, żeby do tego dotrzeć.

numberButtons.forEach(button => {
    button.addEventListener('click', () => {
        calculator.displayNumber(button.innerText);
        calculator.updateDisplay();
    })
})

Answer 1

Tak, ta pierwsza strzałka to funkcja strzałkowa. W chwili, gdy taka funkcja ma tylko jeden argument, można ominąć nawiasy.

button => {}

// to to samo co

( button ) => {}

// czyli w dużej mierze to samo co

function( button ) {}

 

Comments

Dzięki! :)