Differenza tra funzioni in linea e anonime in JavaScript

Differenza tra funzioni in linea e anonime in JavaScript
JavaScript, le funzioni in linea e anonime sono principalmente utilizzate per applicare una funzionalità specifica o un evento su una particolare funzione. Oltre a ciò, sono molto utili per ridurre la complessità del codice e renderlo leggibile. Inoltre, queste funzioni evitano l'inquinamento dello spazio dei nomi e sono anche convenienti.

Questo articolo discuterà le funzioni in linea e anonime e le loro differenze in JavaScript.

Funzioni in linea e anonime e le loro differenze in javascript

IL "In linea" E "Anonimo"Le funzioni sono quasi le stesse di entrambe sono create in fase di esecuzione. La differenza è che le funzioni in linea sono archiviate in una variabile specifica che non è il caso nelle funzioni anonime.

Ora, studiamo ognuno di loro uno per uno!

Quali sono le funzioni in linea in JavaScript?

Le funzioni inline sono un tipo di funzione anonima contenuta in una variabile. Allo stesso modo è creato come funzione anonima e quindi contenuto in una variabile specifica.

I seguenti esempi elaboreranno il concetto dichiarato usando il "setTimeout ()" metodo.

Esempio: usando la funzione inline in JavaScript

In primo luogo, includeremo l'intestazione nel "

"Tag e allinealo al centro usando il""Tag:

La funzione inline è memorizzata in una variabile

Successivamente, memorizzare la funzione specificata nella variabile denominata "inlinefunc". Nella sua definizione della funzione, avvisare il seguente messaggio dopo il tempo out specificato come "2"Secondi:

let inlinefunc = function ()
Avviso ("questa è funzione in linea")
;
SetTimeout (InlineFunc, 2000)

Si può osservare che il messaggio aggiunto nella funzione inline viene visualizzato nella casella di avviso dopo due secondi:

Esempio 2: usando la funzione freccia in linea in javascript

Innanzitutto, aggiungeremo un'intestazione come discusso nell'esempio precedente:

La funzione freccia in linea è memorizzata in una variabile

Successivamente, applicare la funzione freccia e memorizzarla allo stesso modo nella variabile denominata "inlinefunc". Inoltre, applica il "setTimeout ()"Metodo per visualizzare il messaggio corrispondente dopo il tempo dichiarato:

let inlinefunc = () => alert ('questa è funzione freccia inline');
SetTimeout (InlineFunc, 2000)

Produzione

Quali sono le funzioni anonime in JavaScript?

Le funzioni anonime JavaScript sono dichiarate senza alcun identificatore nominato, come suggerisce il nome.

Esempio: usando la funzione anonima in JavaScript

Includeremo la seguente intestazione al centro usando i tag discussi negli esempi precedenti:

La funzione anonima è definita senza alcun identificatore

Dopodiché, applica il "setTimeout ()"Metodo alla funzione anonima (non avendo nome). Inoltre, avvisare il seguente messaggio dopo il tempo impostato che è due secondi:

setTimeout (function ()
Avviso ("questa è una funzione anonima")
, 2000);

Produzione

Esempio: usando la funzione freccia anonima in javascript

Come discusso nei metodi precedenti, aggiungeremo un'intestazione usando il

tagga e allinealo al centro:

La funzione freccia anonima è definita senza alcun identificatore

Quindi, applica il "setTimeout ()"Metodo alla funzione della freccia anonima con il timeout specificato:

setTimeout (() => Alert ('This Is Anonymous Arrow Function'), 2000);

Produzione

Abbiamo discusso degli esempi per implementare le funzioni in linea e freccia in JavaScript.

Conclusione

In JavaScript, le funzioni in linea e anonime sono diverse in modo tale che le funzioni inline siano un tipo di funzione anonima che viene memorizzata in una variabile specifica, mentre la funzione anonima è una funzione senza alcun nome. Entrambe le funzioni possono essere create in fase di esecuzione. Questo manuale ha guidato le funzioni in linea e anonime e le loro differenze in JavaScript.