JavaScript-Funktionen werden mit dem Schlüsselwortfunction definiert.
Sie können eine Funktionsdeklaration oder einen Funktionsausdruck verwenden.
Funktionsdeklarationen
Früher in diesem Tutorial haben Sie gelernt, dass Funktionen mit der folgenden Syntax deklariert werden:
/ / code to be executed
}
Deklarierte Funktionen werden nicht sofort ausgeführt., Sie werden „zur späteren Verwendung gespeichert“ und später ausgeführt, wenn sie aufgerufen (aufgerufen) werden.
Beispiel
return a * b;
}
Probieren Sie es Selbst “
durch Semikolons voneinander getrennt werden ausführbaren JavaScript-Anweisungen.
Da eine Funktionsdeklaration keine ausführbare Anweisung ist, ist es nicht üblich, sie mit einem Semikolon zu beenden.
Funktionsausdrücke
Eine JavaScript-Funktion kann auch mit einem Ausdruck definiert werden.,
Ein Funktionsausdruck kann in einer Variablen gespeichert werden:
Example
Try it Yourself „
Nachdem ein Funktionsausdruck in einer Variablen gespeichert wurde, kann die Variable als Funktion verwendet werden:
Example
var z = function(a, x (4, 3);
Probieren Sie es selbst aus “
Die obige Funktion ist eigentlich eine anonyme Funktion (eine Funktion ohne Namen).
In Variablen gespeicherte Funktionen benötigen keine Funktionsnamen. Sie werden immer mit dem Variablennamen aufgerufen (aufgerufen).,
Die obige Funktion endet mit einem Semikolon, da sie Teil einer ausführbaren Anweisung ist.
Der Function () – Konstruktor
Wie Sie in den vorherigen Beispielen gesehen haben, werden JavaScript-Funktionen mit dem Schlüsselwort function definiert.
Funktionen können auch mit einem integrierten JavaScript-Funktionskonstruktor namens Function()definiert werden.,
Beispiel
var x = myFunction(4, 3);
Probieren Sie es Selbst “
Sie eigentlich nicht haben zu verwenden Sie den function-Konstruktor. Das obige Beispiel ist das gleiche wie das Schreiben:
Beispiel
var x = myFunction(4, 3);
Versuchen Sie es selbst “
Meistens können Sie vermeiden, das Schlüsselwort new in JavaScript zu verwenden.,
Funktion Hissen
Früher in diesem Tutorial haben Sie gelernt, über „Hissen“ (JavaScript Hissen).
Das Heben ist das Standardverhalten von JavaScript, Deklarationen an den oberen Rand des aktuellen Bereichs zu verschieben.
Das Anheben gilt für Variablendeklarationen und Funktionsdeklarationen.
Aus diesem Grund können JavaScript-Funktionen aufgerufen werden, bevor sie deklariert werden:
function myFunction (y) {
return y * y;
}
Funktionen, die mit einem Ausdruck definiert wurden, werden nicht gehisst.,
Selbstaufrufende Funktionen
Funktionsausdrücke können „selbstaufrufend“ gemacht werden.
Ein selbstaufrufender Ausdruck wird automatisch aufgerufen (gestartet), ohne aufgerufen zu werden.
Funktionsausdrücke werden automatisch ausgeführt, wenn auf den Ausdruck () folgt.
Sie können eine Funktionsdeklaration nicht selbst aufrufen.
Sie müssen Klammern um die Funktion hinzufügen, um anzuzeigen, dass es sich um einen Funktionsausdruck handelt:
Beispiel
var x = “ Hallo!!,“; // I wird aufgerufen, selbst
})();
Probieren Sie es Selbst “
Die obige Funktion ist eigentlich eine anonyme selbst-Aufruf-Funktion (Funktion ohne Namen).,
Funktionen können als Werte verwendet werden
JavaScript-Funktionen können als Werte verwendet werden:
Beispiel
return a * b;
}
var x = myFunction(4, 3);
Probieren Sie es selbst aus „
JavaScript-Funktionen können in Ausdrücken verwendet werden:
Beispiel
return a * b;
}
var x = myFunction(4, 3) * 2;
Probieren Sie es selbst aus „
Funktionen sind Objekte
Der Operator typeof in JavaScript gibt „function“ für Funktionen zurück.,
JavaScript-Funktionen können jedoch am besten als Objekte beschrieben werden.
JavaScript-Funktionen haben sowohl Eigenschaften als auch Methoden.
Die Eigenschaft arguments.length gibt die Anzahl der Argumente zurück, die beim Aufruf der Funktion empfangen wurden:
Beispiel
Argumente zurückgeben.Länge;
}
Probieren Sie es Selbst “
toString() Methode gibt die Funktion eine Zeichenfolge:
Beispiel
return a * b;
}
var txt = myFunction.,toString ();
Probieren Sie es selbst aus “
Eine Funktion, die als Eigenschaft eines Objekts definiert ist, wird als Methode für das Objekt bezeichnet.
Eine Funktion entwickelt, um neue Objekte zu erstellen, wird ein Objektkonstruktor genannt.
Pfeilfunktionen
Pfeilfunktionen ermöglichen eine kurze Syntax zum Schreiben von Funktionsausdrücken.
Sie benötigen nicht das Schlüsselwort function, das Schlüsselwort return und die geschweiften Klammern.,
Beispiel
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Probieren Sie es Selbst “
– Pfeil-Funktionen nicht über ein eigenes this.Sie eignen sich nicht gut zum Definieren von Objektmethoden.
Pfeilfunktionen werden nicht gehisst. Sie müssen definiert werden, bevor sie verwendet werden.
Die Verwendung von constist sicherer als die Verwendung von var, da ein Funktionsausdruck immer ein konstanter Wert ist.,
Sie können das Schlüsselwort return und die geschweiften Klammern nur weglassen, wenn die Funktion eine einzelne Anweisung ist. Aus diesem Grund könnte es eine gute Angewohnheit sein, sie immer beizubehalten:
Beispiel
Probieren Sie es selbst aus “
Pfeilfunktionen werden in IE11 oder früher nicht unterstützt.