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– dziedziczythisz 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 kluczowegoreturn, 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.