logo

Funkcje anonimowe JavaScript

Znaczenie słowa „anonimowy” definiuje coś, co jest nieznane lub nie ma tożsamości . W JavaScript funkcja anonimowa to taki typ funkcji, który nie ma nazwy lub możemy powiedzieć, że jest bez nazwy. Kiedy tworzymy funkcję anonimową, jest ona deklarowana bez żadnego identyfikatora . Jest to różnica między funkcją normalną a funkcją anonimową. Nie szczególnie w JavaScript ale także w innych różnych językach programowania. Rola funkcji anonimowej jest taka sama.

W tej sekcji dowiemy się o funkcji anonimowej i jej roli w JavaScript. Poznamy także i omówimy jego wdrożenie.

Implementacja funkcji anonimowej w JavaScript

Poniżej pokazano przykład, który pomoże nam zrozumieć, jak używać funkcji anonimowej i dlaczego różni się ona od normalnej funkcji:

oops, koncepcje w Javie

Przykład:

 let x = function () { console.log('It is an anonymous function'); }; x(); 

Powyższy kod jest implementacją funkcji anonimowej gdzie:

  • Funkcja przeznaczona jest do wyświetlania komunikatu jako jego wyjścia.
  • Skorzystaliśmy z funkcjonować słowo kluczowe, którego używamy, gdy tworzymy dowolną funkcję w JavaScript, a funkcja jest przypisana do zmiennej X używając „pozwól”.

Najważniejszym punktem jest to, że nie ma żadnej funkcji, którą wcześniej zadeklarowaliśmy. To tylko funkcja słowa kluczowego i nawias. W przypadku normalnej funkcji używamy nazwy funkcji, jak pokazano w poniższym przykładzie kodu:

 function normale() { console.log('It is a normal function'); } normale(); 

Tutaj stworzyliśmy funkcję normale (), która jest funkcją normalną. Jest to różnica między funkcją anonimową a funkcją normalną.

Na koniec wywołaliśmy utworzoną funkcję.

W ten sposób wykonywana jest podstawowa implementacja funkcji anonimowej.

Wykorzystanie funkcji anonimowych w JavaScript

Funkcji anonimowej w JavaScript możemy używać do kilku celów. Niektóre z nich podano poniżej:

cyfry do alfabetu
  • Przekazywanie funkcji anonimowej do innej funkcji jako jej argumentu
  • Funkcji anonimowej możemy także użyć jako argumentu innej funkcji. Aby lepiej zrozumieć, zaimplementujmy kod, w ramach którego przekażemy funkcję anonimową jako wartość argumentu innej funkcji:
 setTimeout(function () { console.log('Execute later after 1 second') }, 1000); 

Powyższy kod implementuje użycie funkcji anonimowej jako argumentu nowej funkcji, gdzie:

  • Funkcja setTimeout () po sekundzie wyświetli funkcję anonimową.
  • Stworzyliśmy anonimową funkcję i przekazaliśmy ją do metody setTimeout () jako jej argument.
  • Wewnątrz niego, gdy kod zostanie wykonany, wydrukuje instrukcję po sekundzie czasu wykonania.

Jest to jedna z takich implementacji i wykorzystania funkcji anonimowej.

Natychmiastowe wykonanie funkcji

Aby wywołać i wykonać funkcję natychmiast po jej deklaracji, najlepszym sposobem jest utworzenie funkcji anonimowej. Zobaczmy przykład, aby zrozumieć, jak możemy to zrobić:

 (function() { console.log('Hello'); })(); 

W powyższym kodzie funkcja anonimowa jest wywoływana natychmiast i działa w sposób opisany w następujący sposób:

Pierwszym krokiem jest zdefiniowanie wyrażenia funkcyjnego, jak pokazano poniżej:

dopełnianie CSS
 (function() { console.log('Hello'); }) 

Po zdefiniowaniu funkcji widać nawias końcowy (), po którym następuje terminator (;), które służą do wywołania zdefiniowanej funkcji, jak pokazano poniżej:

 (function() { console.log('Hello'); })(); 

W ten sposób można natychmiast wywołać funkcję anonimową.

Uwaga: Można także przekazać argumenty funkcji i ją wywołać.

Oto niektóre zastosowania funkcji anonimowej, które stwierdzają, że funkcja anonimowa to ta, która nie ma nazwy, może zostać wywołana natychmiast i może zostać użyta jako wartość argumentu w normalnej definicji funkcji.