JavaScript => | Forklart

JavaScript => | Forklart
I JavaScript er "=>" det kalt "pilfunksjon”. ny funksjonalitet som var inkludert i ES6. På noen språk, for eksempel Python, kalles pilfunksjonen "Lambda fungerer”. Du kan skrive JavaScript -funksjoner mer presist på grunn av pilfunksjonen. Det forbedrer lesbarheten og strukturen til koden.

En utvikler kan bruke pilfunksjoner for å oppnå samme resultat som en vanlig funksjon, med færre kodelinjer og omtrent 50% mindre skriving.

Denne opplæringen vil definere Arbeidet med pilfunksjonen (=>) i JavaScript.

JavaScript Arrow “=>” -funksjon

Den anonyme funksjonen kjent som “pilfunksjon”Mangler et navn og er ikke koblet til en identifikator. Disse funksjonene er definert uten funksjonsnøkkelordet, og returuttalelsen er valgfritt for slike funksjoner uten argumenter. En funksjons inngang er plassert til venstre, mens høyre side av funksjonen representerer utgangen.

Arrow -funksjonen gjør at du tydeligere kan definere en funksjon for å øke lesbarheten til koden.

Syntaks
Følg nedenfor gitt syntaks for skrivefunksjon ved hjelp av pilfunksjonen (=>):

() => uttalelse/uttrykk;

ELLER

var funksjonsnavn = (arg1, arg2, ...) => uttalelser;

Du kan bruke var, la eller const som en datatype i JavaScript. Du kan imidlertid bruke VaR -nøkkelordet for å definere pilfunksjonen.

Eksempel 1
Her vil vi lage en pilfunksjon som vil skrive ut meldingen “Velkommen til Linuxhint”På konsollen:

var printmsg = () => konsoll.Logg ('Velkommen til Linuxhint');

Kall deretter pilfunksjonen som er lagret i en variabel "PrintMsg”:

PrintMsg ();

Produksjon

Eksempel 2
I dette eksemplet vil vi utføre den samme oppgaven med både en vanlig funksjon i JavaScript og pilfunksjonen. For å gjøre det, vil vi lage en vanlig JavaScript -funksjon for å multiplisere to tall spesifisert som argumenter:

var produkt = funksjon (a, b)
returner en * b;
;

Ring deretter funksjonen ved å passere to verdier “5”Og“8”Argumenter:

produkt (5,8);

Utgangen vises “40”Som er produktet av de gitte argumentene:

Nå vil vi utføre den samme operasjonen ved hjelp av pilfunksjonen bare i en kodelinje:

var produkt = (a, b) => return a * b;

Kall deretter pilfunksjonen som er lagret i en variabel "produkt”Ved å bestå to argumenter:

produkt (5,8);

Her kan du se i utdataene, du får samme resultat i bare to kodelinjer:

Forskjell mellom vanlig funksjon og pilfunksjon

Det er noen forskjeller mellom pilfunksjoner og vanlige JavaScript -funksjoner, men begge funksjonene er like på noen måter:

  • Vanlige funksjoner er konstruktive og kallbare, mens pilfunksjonene bare kan kalles, men ikke kan konstrueres.
  • Vanlige funksjoner kan kalles med det nye nøkkelordet fordi de kan konstrueres, mens det nye nøkkelordet ikke kan brukes til å påkalle pilfunksjonene.
  • Dupliserte navngitte parametere er tillatt for vanlige funksjoner, men ikke for pilfunksjoner.

Fordeler og ulemper med pilfunksjoner

Fordeler Ulemper
Det reduserer kodelinjene, som forbedrer kodeavlysbarheten. Det er vanskeligere å feilsøke fordi du ikke kan identifisere funksjonsnavnet eller det aktuelle linjenummeret der det oppstod en feil.
Å skrive pilen => tilbyr større fleksibilitet enn å skrive funksjonsnøkkelordet. Det må ikke brukes som en vanlig metode eller konstruktør.

Vi har dekket all grunnleggende informasjon om pilfunksjonen (=>) i JavaScript.

Konklusjon

I JavaScript er "=>" det kalt "pilfunksjon”Som tillater skrivefunksjoner i JavaScript mer presist for å forbedre kodenes lesbarhet. Det gir samme resultat som JavaScript vanlige funksjoner med færre kodelinjer. I denne opplæringen har vi diskutert arbeidet med pilfunksjon (=>) i JavaScript med deres fordeler og ulemper og forskjellen mellom vanlig funksjon og pilfunksjon.