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:
oops, koncepcje w Javie
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);> > |
cyfry do alfabetu
>
>
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'>);> >})();> > |
dopełnianie CSS
>
>
Wyjście:
techcodeview.com>