Co to jest funkcja anonimowa - JavaScript

Funkcje są blokami kodu o funkcji wielokrotnego użytku, najczęściej wywoływanych z nazwą przypisaną do niego do wykonania niektórych wierszy kodu. Ale w JavaScript istnieje określony rodzaj funkcji bez żadnego identyfikatora, zwanego funkcje anonimowe.

Anonimowy Po prostu oznacza bez żadnej identyfikacji, te anonimowe funkcje w JavaScript lub innych językach programowania są zadeklarowane bez żadnej nazwy lub identyfikatora. To jest główna różnica między normalną funkcją a funkcją anonimową. W tym artykule omówimy anonimowe funkcje w JavaScript, ich składni, w jaki sposób są zadeklarowane i ich użycie wraz z przykładami dla lepszego zrozumienia.

Funkcja anonimowa

Większość funkcji jest zadeklarowana z pewnym identyfikatorem wraz z słowem kluczowym „funkcji”, które pomaga użytkownikowi łatwo wywołać funkcję. Ale funkcje anonimowe są zadeklarowane tylko za pomocą słowa kluczowego funkcji i bez identyfikatora, i nie jest dostępna po jego utworzeniu i można uzyskać dostęp tylko za pomocą zmiennej, w której funkcja jest przechowywana jako wartość. Te anonimowe funkcje mogą mieć wiele argumentów, ale tylko jedno wyrażenie, następujące jest składnię funkcji anonimowych.

Składnia:

funkcjonować()
// Ciało funkcji

Jak widzimy, że funkcja nie ma identyfikatora, więc nie można do niego uzyskać dostępu, ale użycie zmiennej i przechowywanie funkcji jako wartości pomoże nam łatwo uzyskać dostęp do funkcji, jak pokazano w poniższym przykładzie:

var vello = function ()
konsola.Log („Witamy na naszej stronie internetowej!");
;
Witamy();

Wyjście:

Tutaj w tym przykładzie po prostu użyliśmy słowa kluczowego funkcji () do zadeklarowania funkcji, a następnie zapisaliśmy ją w zmienną o nazwie „Witaj”. Następnie za pośrednictwem tej zmiennej uzyskaliśmy dostęp do funkcji.

Użycie funkcji anonimowych

Anonimowe funkcje są łatwe do zadeklarowania i są używane do kilku celów, z których niektóre są wymienione poniżej:

Przekazywanie anonimowej funkcji jako argumentu do innych funkcji:

Funkcje anonimowe mogą być używane do przekazywania jako argumentu do innych funkcji. Aby zrozumieć koncepcję, lepiej spojrzeć na przykład podany poniżej:

settimeout (function ()
konsola.log („Wykonaj po drugiej”)
, 100);

Tutaj, w powyższym przykładzie, utworzyliśmy funkcję anonimową, a następnie przekazaliśmy tę funkcję do funkcji settimeout () jako jej argument, a funkcja wykona kod funkcji anonimowych po sekundzie. Jest to jedna z implementacji i wykorzystania funkcji anonimowej

Wyjście:

Natychmiastowe wykonanie

Innym powodem korzystania z funkcji anonimowych jest to, że chcesz, aby kod w funkcji został wykonany natychmiast i gdy nie jest potrzebne połączenie. Poniżej znajduje się przykład natychmiastowego wywołania funkcji anonimowej:

(funkcja ()
konsola.Log („Witamy na naszej stronie internetowej”);
) ();

Wyjście:

Tutaj funkcja jest natychmiast wykonywana i działa zgodnie z opisem poniżej:

Najpierw zadeklaruj funkcję bez żadnego identyfikatora, ponieważ normalnie:

(funkcja ()
konsola.Log („Witamy na naszej stronie internetowej”);
)

Teraz funkcja jest zadeklarowana, ale nie będzie wykonywana, więc aby ją wykonać, korzystamy z zawartego nawiasu „()„Po tym następuje terminator”;”, Który wykona poniższy kod:

(funkcja ()
konsola.Log („Witamy na naszej stronie internetowej”);
) ();

Czasami możemy również przekazać argumenty do funkcji anonimowej, jak pokazano poniżej w danym przykładzie:

Niech użytkownik =
FirstName: „Mark”,
LastName: „Jacob”
;
(funkcja ()
konsola.log ('$ użytkownik.FirstName $ użytkownik.nazwisko');
)(użytkownik);

Wyjście:

Funkcje strzałek z funkcjami anonimowymi

Funkcje strzałek zostały wprowadzone przez ES6, które zapewniają krótki sposób deklarowania funkcji anonimowych, co zmniejsza linie kodów i ułatwiają je łatwiejsze zrozumiałe, jak pokazano w poniższym przykładzie:

Te wiersze kodu:

niech wita = funkcja ()
konsola.Log („Witamy na naszej stronie internetowej”);
;
Witamy();

Można przekonwertować na następujące wiersze kodu za pomocą funkcji Arrow:

Niech witamy = () => „Witamy na naszej stronie internetowej”;
Witamy();

Zapewni nam to poniższe dane wyjściowe, nawet jeśli nie zwróciliśmy niczego, ale domyślnie zwróciła się anonimowa funkcja.

Wyjście:

Wniosek

Anonimowe funkcje to te, które są zadeklarowane bez żadnej nazwy lub identyfikatora, i do ich wykonania używamy głównie zmiennej do przechowywania lub nawiasów wraz z terminatorem „();” Aby je natychmiast wykonać. W tym artykule omówiliśmy anonimowe funkcje w JavaScript, ich składni, deklaracji i ich użyciu. Pomagają w natychmiastowym wykonywaniu kodu i używane do przekazywania jako argument w innych funkcjach. Funkcje te są łatwo zadeklarowane i mogą być używane, gdy chcemy natychmiastowe wykonanie naszego kodu.