W tym artykule szczegółowo przeanalizujemy, czym dokładnie są funkcje anonimowe w JavaScript i jak je zadeklarować przy użyciu normalnej techniki i/lub samej techniki funkcji strzałki.

Funkcja anonimowa

Jest to funkcja, z którą nie jest powiązana żadna nazwa. Zwykle używamy funkcjonować słowo kluczowe przed nazwą funkcji w celu zdefiniowania funkcji w JavaScript, jednak w funkcjach anonimowych w JavaScript używamy tylko funkcjonować słowo kluczowe bez nazwy funkcji.

Funkcja anonimowa nie jest dostępna po jej początkowym utworzeniu. Dostęp do niej można uzyskać jedynie poprzez zmienną, w której jest przechowywana jako a pełnić funkcję wartości . Funkcja anonimowa może również mieć wiele argumentów, ale tylko jedno wyrażenie.

Składnia:

Poniższa składnia ilustruje deklarację funkcji anonimowej przy użyciu zwykłej deklaracji:

function() { // Function Body } 

Możemy również zadeklarować funkcję anonimową, korzystając z techniki funkcji strzałkowej, która została pokazana poniżej:

( () =>{ // Treść funkcji... } )(); 

Poniższe przykłady demonstrują funkcje anonimowe.

Przykład 1: W tym przykładzie definiujemy anonimową funkcję, która wypisuje komunikat na konsoli. Następnie funkcja jest zapisywana w pliku powitać zmienny. Funkcję możemy wywołać poprzez wywołanie powitać().

JavaScript

> > var> greet => function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > };> > > greet();> >

Wyjście:

Welcome to techcodeview.com! 

Przykład 2: W tym przykładzie przekazujemy argumenty do funkcji anonimowej.

JavaScript

> > var> greet => function> (platform) {> > console.log(> 'Welcome to '> , platform);> > };> > > greet(> 'techcodeview.com!'> );> >

Wyjście:

Welcome to techcodeview.com! 

Ponieważ JavaScript obsługuje funkcje wyższego rzędu, możemy także przekazywać funkcje anonimowe jako parametry do innej funkcji.

Przykład 3: W tym przykładzie przekazujemy funkcję anonimową jako funkcję wywołania zwrotnego do metody setTimeout() metoda. Spowoduje to wykonanie tej anonimowej funkcji 2000 ms później.

JavaScript

> > setTimeout(> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > }, 2000);> >

Wyjście:

Welcome to techcodeview.com! 

Innym przypadkiem użycia funkcji anonimowych jest wywołanie funkcji natychmiast po inicjalizacji, jest to również znane jako Funkcja samowykonania . Można to zrobić dodając nawiasy, abyśmy mogli natychmiast wykonać anonimową funkcję.

Przykład 4: W tym przykładzie utworzyliśmy funkcję samowykonującą.

JavaScript

> > (> function> () {> > console.log(> 'Welcome to techcodeview.com!'> );> > })();> >

Wyjście:

Welcome to techcodeview.com! 

Funkcje strzałek

W wersji ES6 wprowadzono nowy, krótszy sposób deklarowania funkcji anonimowej, tzw Funkcje strzałek. W funkcji Arrow wszystko pozostaje takie samo, z tą różnicą, że tutaj nie potrzebujemy funkcjonować słowo kluczowe również. Tutaj definiujemy funkcję za pomocą pojedynczego nawiasu, a następnie „=>”, po którym następuje treść funkcji.

Przykład 5: W tym przykładzie zobaczymy użycie funkcji strzałkowej.

JavaScript

> > var> greet = () =>> > {> > console.log(> 'Welcome to techcodeview.com!'> );> > }> > > greet();> >

Wyjście:

Welcome to techcodeview.com! 

Jeśli w treści funkcji mamy tylko jedną instrukcję, możemy nawet usunąć nawiasy klamrowe.

Przykład 6: W tym przykładzie tworzymy funkcję samowykonującą.

JavaScript

> > let greet = () =>konsola.log(> 'Welcome to techcodeview.com!'> );> > greet();> >

Wyjście:

Welcome to Geeksforgeeks! 

Przykład-7: W tym przykładzie zadeklarujemy samowykonującą się funkcję anonimową (bez samej nazwy) i zobaczymy, jak możemy ją zadeklarować i jak możemy ją wywołać, aby wydrukować wynikową wartość.

JavaScript

> > (() =>{> > console.log(> 'techcodeview.com'> );> > })();> >

Wyjście:

techcodeview.com