Forskjell mellom inline og anonyme funksjoner i JavaScript

JavaScript, inline og anonyme funksjoner brukes stort sett til å bruke en spesifikk funksjonalitet eller en hendelse på en bestemt funksjon. I tillegg til det, er de veldig nyttige for å redusere kodekompleksiteten og gjøre det lesbar. Disse funksjonene unngår også navneforurensning og er også praktisk tilgang til.

Denne artikkelen vil diskutere de inline og anonyme funksjonene og deres forskjeller i JavaScript.

Inline og anonyme funksjoner og deres forskjeller i JavaScript

“På linje”Og“Anonym”Funksjoner er nesten de samme som begge er opprettet ved kjøretid. Forskjellen er at inline -funksjonene lagres i en spesifikk variabel som ikke er tilfelle i anonyme funksjoner.

La oss nå studere hver av dem en etter en!

Hva er inline -funksjoner i JavaScript?

Inline -funksjoner er en type anonym funksjon som er inneholdt i en variabel. Den er på samme måte opprettet som den anonyme funksjonen og deretter inneholdt i en spesifikk variabel.

Følgende eksempler vil utdype det uttalte konseptet ved å bruke “setTimeout ()”Metode.

Eksempel: Bruke inline -funksjon i JavaScript

For det første vil vi inkludere overskriften i "

”Merk og juster den til sentrum ved hjelp av“" stikkord:

Inline -funksjonen lagres i en variabel

Deretter lagrer du den spesifiserte funksjonen i variabelen som heter “inlinefunc”. I sin funksjonsdefinisjon, varsle følgende melding etter den spesifiserte tidsavbruddet som “2”Sekunder:

La inlineFunc = funksjon ()
Varsel ('dette er inline -funksjon')
;
Settimeout (InlineFunc, 2000)

Det kan observeres at den ekstra meldingen i inline -funksjonen vises i varslingsboksen etter to sekunder:

Eksempel 2: Bruke inline pilfunksjon i JavaScript

Først vil vi legge til en overskrift som diskutert i forrige eksempel:

Inline pilfunksjonen lagres i en variabel

Deretter bruker du pilfunksjonen og lagrer den på samme måte i variabelen som heter “inlinefunc”. Bruk også “setTimeout ()”Metode for å vise den tilsvarende meldingen etter den oppgitte tiden:

la inlinefunc = () => varsel ('dette er inline pilfunksjon');
Settimeout (InlineFunc, 2000)

Produksjon

Hva er anonyme funksjoner i JavaScript?

Javascript -anonyme funksjoner er erklært uten noen navngitt identifikator, som navnet antyder.

Eksempel: Bruke anonym funksjon i JavaScript

Vi vil inkludere følgende overskrift i sentrum ved hjelp av de diskuterte kodene i de forrige eksemplene:

Anonym funksjon er definert uten noe navnidentifikator

Etter det, bruk "setTimeout ()”Metode til den anonyme funksjonen (har ikke noe navn). Varsle også følgende melding etter den angitte tiden som er to sekunder:

setTimeout (funksjon ()
Varsel ('Dette er anonym funksjon')
, 2000);

Produksjon

Eksempel: Bruke anonym pilfunksjon i JavaScript

Som diskutert i de tidligere metodene, vil vi legge til en overskrift ved hjelp av

Merk og juster den i sentrum:

Anonym pilfunksjon er definert uten noe navnidentifikator

Deretter bruker du “setTimeout ()”Metode til den anonyme pilfunksjonen som har den spesifiserte tiden ut:

setTimeout (() => varsel ('dette er anonym pilfunksjon'), 2000);

Produksjon

Vi har diskutert eksemplene for å implementere inline- og pilfunksjonene i JavaScript.

Konklusjon

I JavaScript er inline og anonyme funksjoner forskjellige på en slik måte at inline -funksjonene er en type anonym funksjon som er lagret i en spesifikk variabel, mens den anonyme funksjonen er en funksjon uten noe navn. Begge funksjonene kan opprettes ved kjøretid. Denne håndboken ledet om inline og anonyme funksjoner og deres forskjeller i JavaScript.