Tässä artikkelissa tutkimme yksityiskohtaisesti, mitä nimettömät funktiot tarkalleen ovat JavaScriptissä ja kuinka ne ilmoitetaan normaalilla tekniikalla ja/tai itse nuolifunktiotekniikalla.
Anonyymi toiminto
Se on toiminto, johon ei liity mitään nimeä. Normaalisti käytämme toiminto avainsana ennen funktion nimeä määrittääksesi funktion JavaScriptissä, mutta JavaScriptin anonyymeissä funktioissa käytämme vain toiminto avainsana ilman funktion nimeä.
Anonyymi funktio ei ole käytettävissä sen luomisen jälkeen, vaan siihen pääsee vain muuttujalla, johon se on tallennettu toimii arvona . Anonyymillä funktiolla voi myös olla useita argumentteja, mutta vain yksi lauseke.
Syntaksi:
Alla valaistu syntaksi havainnollistaa anonyymin funktion ilmoitusta käyttämällä normaalia ilmoitusta:
mysql-päivitykseen liittyminen
function() { // Function Body }> Voimme myös ilmoittaa anonyymin funktion käyttämällä nuolifunktiotekniikkaa, joka on esitetty alla:
( () =>{ // Function Body... } )();> Alla olevat esimerkit osoittavat anonyymejä toimintoja.
Esimerkki 1: Tässä esimerkissä määrittelemme anonyymin funktion, joka tulostaa viestin konsoliin. Toiminto tallennetaan sitten muistiin tervehtiä muuttuja. Voimme kutsua funktiota kutsumalla tervehtiä().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Lähtö:
Welcome to techcodeview.com!>
Esimerkki 2: Tässä esimerkissä välitämme argumentit anonyymille funktiolle.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Lähtö:
Welcome to techcodeview.com!>
Koska JavaScript tukee korkeamman asteen funktioita, voimme myös siirtää anonyymejä toimintoja parametreina toiseen funktioon.
Esimerkki 3: Tässä esimerkissä välitämme anonyymin funktion takaisinsoittofunktiona setTimeout() menetelmä. Tämä suorittaa tämän anonyymin toiminnon 2000 ms myöhemmin.
Javascript
satunnainen ei generaattoria javassa
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Lähtö:
Welcome to techcodeview.com!>
Toinen anonyymien funktioiden käyttötapaus on kutsua toiminto välittömästi alustuksen jälkeen, tämä tunnetaan myös nimellä Itsesuorituskyky . Tämä voidaan tehdä lisäämällä sulkumerkit, jotta voimme suorittaa anonyymin toiminnon välittömästi.
Esimerkki 4: Tässä esimerkissä olemme luoneet itsesuorittavan funktion.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Lähtö:
Welcome to techcodeview.com!>
Nuolitoiminnot
ES6 esitteli uuden ja lyhyemmän tavan ilmoittaa anonyymi toiminto, joka tunnetaan nimellä Nuolitoiminnot. Nuolifunktiossa kaikki pysyy ennallaan, paitsi tässä emme tarvitse sitä toiminto myös avainsana. Tässä määritämme funktion yhdellä sululla ja sitten '=>', jota seuraa funktion runko.
Esimerkki 5: Tässä esimerkissä näemme nuolifunktion käytön.
Javascript
> >var> greet = () =>>> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Lähtö:
Welcome to techcodeview.com!>
Jos funktion rungossa on vain yksi lause, voimme jopa poistaa kiharat aaltosulkeet.
Esimerkki 6: Tässä esimerkissä luomme itsesuorittavan funktion.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Lähtö:
Welcome to Geeksforgeeks!>
Esimerkki-7: Tässä esimerkissä ilmoitamme itsesuorittavan anonyymin funktion (ilman itse nimeä) ja katsomme, kuinka voimme ilmoittaa sen ja kuinka voimme kutsua sitä tulostaaksemme tuloksena olevan arvon.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
java perintö
>
>
Lähtö:
techcodeview.com>