Przejdź do treści głównej
INF.03Frontend & JS

Funkcje strzałkowe i anonimowe w JS

Funkcja zdefiniowana bez nazwy identyfikatora, często przekazywana jako callback lub zapisywana zwięzłą składnią strzałkową () => {}.

Funkcje strzałkowe w JavaScript (ES6)

Funkcje strzałkowe oferują zwięzłą składnię oraz leksykalne wiązanie słowa kluczowego this (nie tworzą własnego kontekstu this).

JAVASCRIPT
// 1. Tradycyjna funkcja anonimowa:
const dodaj = function(a, b) {
    return a + b;
};

// 2. Funkcja strzałkowa:
const dodajStrzalka = (a, b) => a + b;

// 3. Jednoargumentowa (nawiasy opcjonalne):
const podwojenie = x => x * 2;

// 4. Użycie jako callback w tablicach:
const liczby = [1, 2, 3, 4, 5];
const parzysteKwadraty = liczby
    .filter(n => n % 2 === 0)
    .map(n => n ** 2);

Różnice względem tradycyjnych funkcji:

  • Brak własnego this – dziedziczy this z otaczającego kontekstu.
  • Brak obiektu arguments.
  • Nie mogą być używane jako konstruktory (new FunkcjaStrzalkowa() rzuci błąd).

Najczęstsze pułapki na egzaminie INF.03:

  • Jeśli ciało funkcji strzałkowej zawiera klamry { ... }, musisz jawnie użyć słowa kluczowego return, aby funkcja zwróciła wartość!

Chcesz sprawdzić to pojęcie w praktyce?

Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Funkcje strzałkowe i anonimowe w JS lub rozpocznij trening.