En aquest article, estudiarem amb detall què són exactament les funcions anònimes en JavaScript i com declarar-les mitjançant la tècnica normal i/o amb la tècnica de la funció de fletxa.
Funció anònima
És una funció que no té cap nom associat. Normalment fem servir el funció paraula clau abans del nom de la funció per definir una funció a JavaScript, però, a les funcions anònimes de JavaScript, només fem servir el funció paraula clau sense el nom de la funció.
Una funció anònima no és accessible després de la seva creació inicial, només s'hi pot accedir una variable a la qual s'emmagatzema com a funcionar com a valor . Una funció anònima també pot tenir diversos arguments, però només una expressió.
Sintaxi:
La sintaxi explicada a continuació il·lustra la declaració d'una funció anònima mitjançant la declaració normal:
javascript for bucle
function() { // Function Body }> També podem declarar una funció anònima mitjançant la tècnica de funció de fletxa que es mostra a continuació:
( () =>{ // Cos de la funció... } )();> Els exemples següents mostren funcions anònimes.
Exemple 1: En aquest exemple, definim una funció anònima que imprimeix un missatge a la consola. Aleshores, la funció s'emmagatzema al fitxer saludar variable. Podem cridar la funció invocant saludar().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Sortida:
Welcome to techcodeview.com!>
Exemple 2: En aquest exemple, passem arguments a la funció anònima.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Sortida:
Welcome to techcodeview.com!>
Com que JavaScript admet funcions d'ordre superior, també podem passar funcions anònimes com a paràmetres a una altra funció.
Exemple 3: En aquest exemple, passem una funció anònima com a funció de devolució de trucada al setTimeout() mètode. Això executa aquesta funció anònima 2000 ms més tard.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Sortida:
substituir tot java
Welcome to techcodeview.com!>
Un altre cas d'ús de les funcions anònimes és invocar la funció immediatament després de la inicialització, també es coneix com Funció autoexecutiva . Això es pot fer afegint parèntesis perquè puguem executar immediatament la funció anònima.
Exemple 4: En aquest exemple, hem creat una funció autoexecutiva.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Sortida:
Welcome to techcodeview.com!>
Funcions de fletxa
ES6 va introduir una manera nova i més curta de declarar una funció anònima, que es coneix com Funcions de fletxa. En una funció de fletxa, tot segueix igual, excepte que aquí no necessitem funció paraula clau també. Aquí, definim la funció amb un sol parèntesi i després '=>' seguit del cos de la funció.
Exemple 5: En aquest exemple, veurem l'ús de la funció de fletxa.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Sortida:
Welcome to techcodeview.com!>
Si només tenim una sola instrucció al cos de la funció, fins i tot podem eliminar les claus.
Exemple 6: En aquest exemple, creem una funció autoexecutiva.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Sortida:
Welcome to Geeksforgeeks!>
Exemple-7: En aquest exemple, declararem una funció anònima que s'executa automàticament (sense el propi nom) i veurem com podem declarar-la i com podem cridar-la per imprimir el valor resultant.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
què és 10 de 100
>
>
Sortida:
techcodeview.com>