Šiame straipsnyje mes išsamiai išnagrinėsime, kas tiksliai yra „JavaScript“ anoniminės funkcijos ir kaip jas deklaruoti naudojant įprastą techniką ir (arba) su pačia rodyklės funkcijos technika.
Anoniminė funkcija
Tai funkcija, su kuria nesusietas joks pavadinimas. Paprastai mes naudojame funkcija raktinis žodis prieš funkcijos pavadinimą, norint apibrėžti funkciją „JavaScript“, tačiau anoniminėse „JavaScript“ funkcijose naudojame tik funkcija raktinis žodis be funkcijos pavadinimo.
Anoniminė funkcija nepasiekiama po jos pradinio sukūrimo, ją galima pasiekti tik naudojant kintamąjį, kuriame ji saugoma kaip veikti kaip vertybė . Anoniminė funkcija taip pat gali turėti kelis argumentus, bet tik vieną išraišką.
Sintaksė:
Žemiau pateikta sintaksė iliustruoja anoniminės funkcijos deklaravimą naudojant įprastą deklaraciją:
1 milijonas kiek 0
function() { // Function Body }> Taip pat galime paskelbti anoniminę funkciją naudodami rodyklės funkcijos metodą, kuris parodytas toliau:
( () =>{ // Funkcijos turinys... } )();> Toliau pateikti pavyzdžiai parodo anonimines funkcijas.
1 pavyzdys: Šiame pavyzdyje apibrėžiame anoniminę funkciją, kuri spausdina pranešimą į konsolę. Tada funkcija išsaugoma pasveikinti kintamasis. Funkciją galime iškviesti iškvietę pasveikinti ().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Išvestis:
Welcome to techcodeview.com!>
2 pavyzdys: Šiame pavyzdyje argumentus perduodame anoniminei funkcijai.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Išvestis:
Welcome to techcodeview.com!>
Kadangi „JavaScript“ palaiko aukštesnės eilės funkcijas, anonimines funkcijas taip pat galime perduoti kaip parametrus kitai funkcijai.
3 pavyzdys: Šiame pavyzdyje anoniminę funkciją perduodame kaip atgalinio skambinimo funkciją setTimeout() metodas. Ši anoniminė funkcija atliekama po 2000 ms.
Javascript
d šlepetės
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Išvestis:
Welcome to techcodeview.com!>
Kitas anoniminių funkcijų naudojimo atvejis yra iškviesti funkciją iškart po inicijavimo, tai taip pat žinoma kaip Savarankiška funkcija . Tai galima padaryti pridedant skliaustus, kad galėtume iš karto vykdyti anoniminę funkciją.
4 pavyzdys: Šiame pavyzdyje sukūrėme savaime vykdomą funkciją.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Išvestis:
Welcome to techcodeview.com!>
Rodyklės funkcijos
ES6 pristatė naują ir trumpesnį anoniminės funkcijos deklaravimo būdą, kuris yra žinomas kaip Rodyklės funkcijos. Rodyklės funkcijoje viskas lieka taip pat, išskyrus atvejus, kai čia mums to nereikia funkcija raktažodis taip pat. Čia funkciją apibrėžiame vienu skliausteliu, o tada „=>“, po kurio nurodomas funkcijos kūnas.
5 pavyzdys: Šiame pavyzdyje pamatysime rodyklės funkcijos naudojimą.
Javascript
> >var> greet = () =>>> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Išvestis:
Welcome to techcodeview.com!>
Jei funkcijos turinyje turime tik vieną teiginį, galime net pašalinti garbanotas petnešas.
6 pavyzdys: Šiame pavyzdyje sukuriame savaime vykdomą funkciją.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Išvestis:
Welcome to Geeksforgeeks!>
7 pavyzdys: Šiame pavyzdyje mes deklaruosime savaime vykdomą anoniminę funkciją (be paties pavadinimo) ir pamatysime, kaip galime ją deklaruoti, taip pat kaip galime ją pavadinti, kad išspausdintume gautą reikšmę.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
palyginama eilutė
>
>
Išvestis:
techcodeview.com>