Funkcje anonimowe JavaScript

Podsumowanie: w tym poradniku, nauczysz się o funkcjach anonimowych JavaScript.

Wprowadzenie do funkcji anonimowych JavaScript

Funkcja anonimowa jest funkcją bez nazwy. Funkcja anonimowa często nie jest dostępna po jej początkowym utworzeniu.

Poniżej przedstawiono funkcję anonimową, która wyświetla komunikat:


Code language: JavaScript (javascript)

W tym przykładzie funkcja anonimowa nie ma nazwy między słowem kluczowym function a nawiasem ().

Ponieważ musimy później wywołać funkcję anonimową, przypisujemy ją do zmiennej show.

Często używamy funkcji anonimowych jako argumentów innych funkcji. Na przykład:


Code language: JavaScript (javascript)

W tym przykładzie przekazujemy anonimową funkcję do funkcji setTimeout(). Funkcja setTimeout() wykonuje tę anonimową funkcję sekundę później.

Zauważ, że funkcje są obywatelami pierwszej klasy w JavaScript, więc możesz przekazać funkcję do innej jako argument.

Jeśli chcesz utworzyć funkcję i wykonać ją natychmiast po deklaracji, możesz użyć funkcji anonimowej w ten sposób:


Code language: JavaScript (javascript)

Jak to działa.

Po pierwsze, poniższe definiuje wyrażenie funkcji:


Code language: JavaScript (javascript)

Po drugie, nawiasy () pozwalają na wywołanie funkcji:


Code language: JavaScript (javascript)

i czasami możesz chcieć przekazać do niej argumenty, tak jak to:


Code language: JavaScript (javascript)

ES6 wprowadził wyrażenie funkcji strzałkowej, które zapewnia skrót do deklarowania anonimowych funkcji:

Na przykład, ta funkcja:


Code language: JavaScript (javascript)

… może być skrócona przy użyciu następującej funkcji strzałkowej:


Code language: JavaScript (javascript)

Podobnie, następująca funkcja anonimowa:


Code language: JavaScript (javascript)

… jest równoważna następującej funkcji strzałkowej:


Code language: JavaScript (javascript)

Funkcje anonimowe to funkcje bez nazw.
Funkcje anonimowe mogą być używane jako argument innych funkcji lub jako natychmiastowe wywołanie wykonania funkcji.