Unterschied zwischen Inline- und anonymen Funktionen in JavaScript

In diesem Artikel lernen Sie die Unterschiede zwischen Inline- und anonymen Funktionen in JavaScript kennen und erfahren, wie Sie sie im Code verwenden.

Unterschied zwischen Inline- und anonymen Funktionen in JavaScript

Eine JavaScript-Inline-Funktion ist eine anonyme Funktion innerhalb einer Variablen. Sie wird immer mit der URL der anonymen Funktion aufgerufen.

Sie werden zur Laufzeit erstellt und sind nicht signifikant.

Anonyme und Inline-Funktionen sind insofern nahezu identisch, als sie beide zur Laufzeit erzeugt werden. Andererseits wird eine Inline-Funktion einer Variablen zugewiesen und kann somit wiederverwendet werden.

In diesem Sinne verhalten sich Inline-Funktionen ähnlich wie normale Funktionen.

Beispiel einer Inline-Funktion:

var samelineFunc = function() {
  alert('inline function');
};
$('#inline_func_c').click(samelineFunc);

Beispiel für eine anonyme Funktion:

$('#anon_func_b').click(function() {
  alert('anonymous function');
});

Demo hier

Ausgang 1:

Wenn Sie den obigen Code ausführen, sehen Sie in etwa Folgendes:

Hier sehen Sie zwei Schaltflächen: Button_1 arbeitet als anonyme Funktion und Button_2 arbeitet als Inline-Funktion. Sie können im obigen Code sehen, dass wir die anonyme Funktion direkt aufrufen können.

Ausgang 2:

Auf der anderen Seite sehen Sie eine Variable, die für die Inline-Funktion erstellt wurde, damit sie jederzeit und überall verwendet werden kann.