Funkcje strzałkowe — JavaScript

Funkcje strzałkowe to zwięzły zapis funkcji.

Jak to działa?

Zapis (x) => x * 2 zwraca wartość wyrażenia automatycznie. Funkcje strzałkowe inaczej traktują this niż zwykłe funkcje, dlatego nie zawsze są wymienne.

Przykład 1 — poznaj zapis

const square = number => number * number;

console.log(square(5));

Wynik: 25.

Przeczytaj kod linijka po linijce

const square = number => number * number;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(square(5));Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

const names = ["Ala", "Ola"];
console.log(names.map(n => n.toUpperCase()));

Wynik drugiego przykładupo uruchomieniu przykładu

["ALA", "OLA"]

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Zapisz funkcję dodającą dwie liczby jako funkcję strzałkową.