Unterschied zwischen JavaScript-Inline- und vordefinierten Funktionen

Dieses Tutorial befasst sich mit den Inline-Funktionen und vordefinierten Funktionen in JavaScript. Sie werden auch benannte Funktionen genannt, daher werden wir versuchen, Funktionsausdruck und Funktionsanweisung zu verstehen.

JavaScript-Inline-Funktionen

Eine anonyme Funktion, die in eine Variable eingeschlossen ist, ist eine Inline-Funktion in JavaScript; sie wird ständig unter Verwendung der URL der anonymen Funktion aufgerufen. Anonyme Funktionen sind nicht unbedingt erforderlich und werden zur Laufzeit gebildet.

Die Tatsache, dass sowohl anonyme als auch Inline-Funktionen zur Laufzeit erstellt werden, macht sie fast gleichwertig. Andererseits wird ein Inline-Teil einer Variablen zugeordnet und kann somit wiederverwendet werden.

In dieser Hinsicht funktionieren Inline-Funktionen genauso wie reguläre Funktionen.

Beispielcode:

 <script type="text/javascript">
        var samelineFunc = function () {
            alert("inline function");
        };
        $('#inline_func_c').click(samelineFunc);
    </script>

Code ausführen

Ausgang:

Für die Inline-Funktion wurde eine Variable generiert, die jederzeit und überall verwendet werden kann.

Vordefinierte JavaScript-Funktionen

Eine Sammlung vordefinierter Funktionen in JavaScript führt beim Aufruf bestimmte Aufgaben aus. Einige von ihnen sind wie folgt:

Beispielcode:

var k = 50;
var b = 30;
var c = eval('k + b');
document.write('The result of eval is: ' + c + '<br>');

Code ausführen

Ausgang:

The result of eval is: 80

JavaScript-Funktionsanweisung

Die Funktionsanweisung deklariert eine Funktion. Wenn ein definierter Prozess später aufgerufen wird, wird er für die spätere Verwendung aufbewahrt und ausgeführt.

Funktionsdeklarationen müssen mit function beginnen, genauso wie Variablendeklarationen mit var beginnen müssen.

Beispielcode:

function add() {
  return a;
}

Die Funktion wurde hier nur deklariert. Sie muss mit dem zu verwendenden Funktionsnamen aufgerufen werden. B. hinzufügen();

Sehen wir uns das Beispiel für die Verwendung des Funktionsausdrucks an:

function add(b, c) {
  return b + c;
}
console.log(add(4, 5));

Code ausführen

Ausgang:

9

JavaScript-Funktionsausdruck

Ein Funktionsausdruck und eine Funktionsdeklaration sind ähnlich, aber ein Funktionsausdruck kann in einer Variablen platziert werden. Die Funktion wird aufgerufen, sobald sie mit einem Ausdruck definiert ist.

Ein Ausdruck kann auch verwendet werden, um eine JavaScript-Funktion zu beschreiben. Es ist möglich, einen Funktionsausdruck in einer Variablen zu halten.

Beispielcode:

var add = function(b, c) {
  return b + c;
};

Eine Variable kann als Funktion verwendet werden, nachdem ihr ein Funktionsausdruck hinzugefügt wurde. Für in Variablen gespeicherte Funktionen sind keine Funktionsnamen erforderlich.

Sie werden ständig unter Verwendung des Variablennamens aufgerufen (invoziert).

Beispielcode:

var add = function(b, c) {
  return b + c;
};

console.log(add(5, 4));

Code ausführen

Ausgang:

9

Funktionsausdrücke werden geladen, sobald der Interpreter diese Codezeile erreicht, während Funktionsdeklarationen geladen werden, bevor irgendein Code ausgeführt wird.

Funktionsdeklarationen werden an den Anfang anderer Codezeilen gehoben, ähnlich wie die Anweisung var. Funktionsausdrücke können eine Kopie der lokalen Variablen aus dem Gültigkeitsbereich behalten, in dem sie deklariert wurden, da sie nicht hochgezogen werden.

Funktionsausdrücke können als Closures, Parameter für andere Funktionen, sofort aufgerufene Funktionsausdrücke und verschiedene Möglichkeiten verwendet werden, sie nützlicher als Funktionsdeklarationen (IIFE) zu machen.