Funkcje anonimowe JavaScript | Wyjaśnione dla początkujących

Funkcje anonimowe JavaScript | Wyjaśnione dla początkujących
Funkcja jest zbiorem instrukcji wykonywanych za każdym razem, gdy jest wywoływana i zwraca jakiś wynik jako odpowiedź. Funkcje są tworzone za pomocą konkretnej składni, na przykład w JavaScript Używasz słowa kluczowego funkcji, a następnie nazwę funkcji, a następnie nawias. Podobnie funkcje anonimowe są takie same, ale różnica dotyczy składni.

Funkcja anonimowa JavaScript nie ma nazwy z jej deklaracją i jest to zwykle przekazywane jako argument innych funkcji wyższego rzędu. Funkcja anonimowa jest zasadniczo zbudowana i używana do natychmiastowego wykonywania funkcji w ramach funkcji jako parametr.

Po skonstruowaniu funkcji anonimowych, można je przypisać do zmiennych, co daje te same możliwości, jakbyś używał nazwy w deklaracji funkcji.

Wykorzystanie funkcji anonimowych jako parametrów do innych funkcji

Ze względu na jego anonimową funkcję możemy go wykorzystać wszędzie tam, gdzie chcemy, często używamy tej metody jako parametru w innej funkcji, a oto przykład tego poniżej:

settimeout (function ()
konsola.log („Ta funkcja jest używana jako parametr w metodzie JS Settimeout”)
, 3000);

W tym przykładzie używamy settimeout () metoda uchwalenia funkcji anonimowej. Ta anonimowa funkcja jest wykonywana trzy sekundy później settimeout () metoda.

Natychmiastowe wykonanie funkcji

Natychmiastowe wykonywanie funkcji oznacza, że ​​utworzyłeś funkcję i chcesz, aby została wykonana zaraz po jej utworzeniu. Możesz bardzo łatwo osiągnąć tę funkcję dzięki funkcji anonimowej. Oto przykład, w jaki sposób możesz to zrobić w kodzie.

(funkcja ()
konsola.log („Ta funkcja jest wykonywana natychmiast po jego utworzeniu”);
) ();

Wyjście

Tak więc w powyższym przykładzie funkcja jest wykonywana zaraz po jej utworzeniu. Składnia jest prosta: możesz po prostu zadeklarować funkcję anonimową i uczynić ją wykonaniem, wywołując ją za pomocą nawiasu na końcu funkcji.

Oto jak możesz to zrobić poniżej:

Niech obj =
„Imię”: „John Doe”,
„Wiek”: 22,
„Adres”: „XYZ”
;
(funkcja ()
konsola.log („moje imię to”, obj.Imię, „i mój wiek jest”, obj.wiek, „i żyję”, obj.adres);
) (obj);

Wyjście

Możesz po prostu przekazać parametry wewnątrz natychmiastowego wykonywania funkcji anonimowej, jak widzieliśmy w powyższym przykładzie.

Strzała funkcja anonimowa

Strzała anonimowa funkcja jest podobna do nieocenionej funkcji anonimowej, jest to krótka składnia funkcji i można ją łatwo wdrożyć w programie. Funkcje strzałek to właściwie nowoczesne funkcje ES6, które pozwalają pisać kod szybkie i łatwiejsze, jest to w zasadzie krótkie podejście do zadeklarowania i korzystania z funkcji w JavaScript.

Oto przykład stowarzyszonej funkcji anonimowej.

niech anonimousfunc = function ()
konsola.Log („To jest funkcja anonimowa”);
;

Możesz napisać powyższą funkcję jako funkcję strzałki strobów, jak poniżej

niech anonimousfunc = () => konsola.log („krótka ręka strzała anonimowa funkcja”);
Anonimousfunc ();

Oto wyjście

Jak ponownie wykorzystać funkcję anonimową

Anonimowe funkcje JavaScript można ponownie wykorzystać później. Możesz sprawić, by je ponownie używają, przypisując je do zmiennej, a następnie dzwoniąc do nich, gdziekolwiek chcesz. Rzućmy okiem na poniższy przykład, aby jasno zrozumieć, w jaki sposób możemy łatwo używać anonimowych funkcji w przyszłości.

niech anonimousfunc = function ()
konsola.Log („To jest funkcja anonimowa”);
;
Anonimousfunc ();

Wyjście:

Więc jeśli spojrzysz na powyższy przykład, dowiesz się, że nie ma nazwy między słowem kluczowym funkcji a nawiasami, co czyni go całkowicie anonimowym, ale dlaczego przypisujemy tę funkcję anonimową do zmiennej anonimowej można później.

Wniosek

Anonimowa funkcja to funkcja bez nazwy, której można użyć po ich utworzeniu. Funkcję anonimową może być używana w przełomie jako parametr do innej funkcji lub w natychmiastowym wykonywaniu funkcji. W tym artykule omówiliśmy, w jaki sposób możemy stworzyć anonimową funkcję i przechowywać je również do wykorzystania przyszłego.