Unterschied zwischen Inline- und anonymen Funktionen in JavaScript

Unterschied zwischen Inline- und anonymen Funktionen in JavaScript
JavaScript, die Inline- und anonymen Funktionen werden meist verwendet, um eine bestimmte Funktionalität oder ein Ereignis auf eine bestimmte Funktion anzuwenden. Darüber hinaus sind sie sehr nützlich, um die Codekomplexität zu reduzieren und sie lesbar zu machen. Außerdem vermeiden diese Funktionen die Verschmutzung der Namespace und sind auch bequem zugänglich.

In diesem Artikel werden die Inline- und anonymen Funktionen und ihre Unterschiede in JavaScript erörtert.

Inline- und anonyme Funktionen und ihre Unterschiede im JavaScript

Der "Im Einklang" Und "AnonymDie Funktionen sind fast die gleichen, wie beide zur Laufzeit erstellt wurden. Der Unterschied besteht darin, dass die Inline -Funktionen in einer bestimmten Variablen gespeichert werden, die bei anonymen Funktionen nicht der Fall ist.

Lassen Sie uns jetzt jeden einzeln nacheinander untersuchen!

Was sind Inline -Funktionen in JavaScript??

Inline -Funktionen sind eine Art anonymer Funktion, die in einer Variablen enthalten ist. Es wird ähnlich als anonyme Funktion erstellt und dann in einer bestimmten Variablen enthalten.

Die folgenden Beispiele werden das angegebene Konzept mit dem “erläuternsetTimeout ()" Methode.

Beispiel: Verwenden der Inline -Funktion in JavaScript

Erstens werden wir die Überschrift in die “einbeziehen“

Tag und ausrichten Sie es mit der "Zentrum mit dem"" Schild:

Die Inline -Funktion wird in einer Variablen gespeichert

Speichern Sie als nächstes die angegebene Funktion in der benannten Variablen “Inlinefunc”. Warnen Sie in seiner Funktionsdefinition die folgende Nachricht nach der angegebenen Auszeit als “2Sekunden:

Sei inlinefunc = function ()
ALERT ('Dies ist Inline -Funktion')
;
setTimeout (Inlinefunc, 2000)

Es kann beobachtet werden, dass die hinzugefügte Nachricht in der Inline -Funktion nach zwei Sekunden im Alarmbox angezeigt wird:

Beispiel 2: Verwenden der Inline -Pfeilfunktion in JavaScript

Erstens werden wir eine Überschrift hinzufügen, wie im vorherigen Beispiel erläutert:

Die Inline -Pfeilfunktion wird in einer Variablen gespeichert

Wenden Sie als Nächstes die Pfeilfunktion an und speichern Sie sie in ähnlicher Weise in der benannten Variablen “Inlinefunc”. Wenden Sie auch das an “setTimeout ()Methode zum Anzeigen der entsprechenden Nachricht nach der angegebenen Zeit:

Sei inlinefunc = () => alert ('Dies ist Inline -Pfeilfunktion');
setTimeout (Inlinefunc, 2000)

Ausgang

Was sind anonyme Funktionen in JavaScript??

Die anonymen Funktionen von JavaScript werden ohne benannte Kennung deklariert, wie der Name schon sagt.

Beispiel: Verwenden der anonymen Funktion in JavaScript

Wir werden die folgende Überschrift in der Mitte mit den besprochenen Tags in den vorherigen Beispielen einbeziehen:

Die anonyme Funktion wird ohne Namenskennung definiert

Danach anwenden Sie die “setTimeout ()Methode zur anonymen Funktion (ohne Namen). Warten Sie auch die folgende Nachricht nach der festgelegten Zeit, die zwei Sekunden beträgt:

setTimeout (function ()
ALERT ('Dies ist anonyme Funktion')
, 2000);

Ausgang

Beispiel: Verwenden der anonymen Pfeilfunktion in JavaScript

Wie in den vorherigen Methoden erläutert, werden wir mit dem eine Überschrift hinzufügen

Tag und ausrichten Sie es in der Mitte:

Die anonyme Pfeilfunktion wird ohne Namensbezeichner definiert

Dann wenden Sie die “an“setTimeout ()Methode zur anonymen Pfeilfunktion mit der angegebenen Auszeit:

setTimeout (() => alert ('Dies ist anonyme Pfeilfunktion'), 2000);

Ausgang

Wir haben die Beispiele zur Implementierung der Inline- und Pfeilfunktionen in JavaScript erörtert.

Abschluss

In JavaScript sind die Inline- und anonymen Funktionen so unterschiedlich, dass die Inline -Funktionen eine Art anonymer Funktion sind, die in einer bestimmten Variablen gespeichert ist, während die anonyme Funktion eine Funktion ohne Namen ist. Beide Funktionen können zur Laufzeit erstellt werden. Dieses Handbuch leitete über die Inline- und anonymen Funktionen und ihre Unterschiede im JavaScript.