Callback — JavaScript

Callback to funkcja przekazana jako argument innej funkcji.

Cel lekcji

Poznać zagadnienie „Callback”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Tak działają obsługa zdarzeń i wiele metod tablicowych. W tym przykładzie wywołujemy ją bez opóźnienia.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

function perform(value, callback) {
  return callback(value);
}
console.log(perform(5, n => n * 2));

Przeczytaj kod linijka po linijce

function perform(value, callback) {Definiujemy funkcję lub metodę, której można użyć później.
return callback(value);Zwracamy wyliczoną wartość do miejsca wywołania funkcji.
console.log(perform(5, n => n * 2));Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Przekaż funkcję, która zmienia liczbę na napis.