Dieser Leitfaden beleuchtet den Unterschied zwischen dem „Funktionsausdruck“, d. h. „var functionName = function() {}“, und der „Funktionsdeklaration“, d. h. „function functionName() {}“ in JavaScript.
Was ist „var functionName = function() {}“?
Das ' var functionName = function() {} “ ist bekannt als „ Funktionsausdruck “. Dabei wird einer Variablen eine Funktion zugewiesen und diese dann definiert. Die benutzerdefinierte Funktion kann erst aufgerufen werden, nachdem der Funktionsausdruck zur Laufzeit einer Variablen zugewiesen wurde.
Syntax
var Funktionsname = Funktion ( ) { ... } ;
Lassen Sie uns die oben definierte Syntax anhand eines Beispiels implementieren.
Beispiel 1: Anwenden von „var functionName = function() {}“ in JavaScript
In diesem Beispiel: „ var functionName = function() {} „wird angewendet, um eine Funktion zu definieren und sie einer Variablen zuzuweisen.
JavaScript-Code
Betrachten Sie den folgenden JavaScript-Code:
< Skript >war functionDemo = Funktion ( ) {
Konsole. Protokoll ( „Hallo Linuxhint“ ) ;
} ;
FunktionsDemo ( ) ;
Skript >
In den obigen Codezeilen:
- Definieren Sie eine Funktion mit dem Namen „ functionDemo() ” durch Zuweisung an eine Variable.
- In seiner Definition lautet „ console.log() ”-Methode wird verwendet, um die schriftliche Erklärung auszudrucken.
- Rufen Sie abschließend die definierte Funktion „functionDemo()“ nach ihrer Deklaration auf.
Ausgang
Wie zu sehen ist, zeigt die Konsole die Ausgabe der Funktion an, d. h. „ functionDemo() ' erfolgreich.
Was ist „Funktion functionName() {}“?
Der ' Funktion Funktionsname() {} „entspricht einem „ Funktionsdeklaration “. Sie wird einfach dadurch definiert, dass die Funktion anhand ihres Namens definiert wird. Die Funktion wird dem Bezeichner zum Zeitpunkt der Analyse zugewiesen.
Syntax
Funktion Funktionsname ( ) { ... } ;Wenden wir die oben definierte Syntax an, um ihre praktische Umsetzung zu sehen.
Beispiel 2: Anwenden von „function functionName() {}“ in JavaScript
In diesem Beispiel wird das „ Funktion Funktionsname() {} ” um die definierte JavaScript-Funktion auszuführen.
JavaScript-Code
Schauen wir uns den folgenden JavaScript-Code an:
< Skript >FunktionsDemo ( ) ;
Funktion functionDemo ( ) {
Konsole. Protokoll ( „Hallo Linuxhint“ ) ;
} ;
Skript >
Im obigen Codeblock ist die Funktion „ functionDemo() „wird zuerst aufgerufen und dann deklariert. Es verwendet die Methode „console.log()“, um die angegebene Nachricht zurückzugeben.
Ausgang
Die Ausgabe zeigt das Ergebnis der benutzerdefinierten Funktion an. Außerdem kann analysiert werden, dass die Funktion unabhängig von der Reihenfolge der beteiligten oder definierten Funktion aufgerufen werden kann.
Unterschiede zwischen „var functionName = function() {}“ und „function functionName() {}“
Die wichtigsten Unterschiede zwischen „ var functionName = function() {} ” Ausdruck und das „ Funktion Funktionsname() {} ”-Erklärung sind unten aufgeführt:
- Die „Funktionsdeklaration“ wird innerhalb der Funktionsdefinition platziert, während der „Funktionsausdruck“ außerhalb seines Skripts als Zuweisungsanweisung platziert wird.
- Die „Funktionsdeklaration“ erzeugt keinen Fehler, wenn davor eine Funktion aufgerufen wird. Allerdings erzeugt der „Funktionsausdruck“ einen Fehler, wenn ein Benutzer eine Funktion vor ihrer Deklaration aufruft.
Abschluss
Der ' var functionName = function() {} „ ist ein Funktionsausdruck, während „ Funktion Funktionsname() {} „wird als „Funktionsdeklaration“ bezeichnet. Der „Funktionsausdruck“ fungiert als Zuweisungsanweisung und muss vor dem Aufruf der Funktion einer Variablen zugewiesen werden. Andererseits kann auf die „Funktionsdeklaration“ unabhängig von der Aufrufreihenfolge zugegriffen werden. Dieser Leitfaden demonstrierte den Unterschied zwischen dem „Funktionsausdruck“, d. h. „var functionName = function() {}“, und der „Funktionsdeklaration“, d. h. „function functionName() {}“ in JavaScript.