JavaScript- Funktionen
Eine JavaScript-Funktion ist ein Codeblock, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde.
Eine JavaScript-Funktion wird ausgeführt, wenn „etwas“ sie aufruft (aufruft).
Beispiel
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript-Funktionssyntax
Eine JavaScript-Funktion wird mit dem function
Schlüsselwort definiert, gefolgt von einem Namen , gefolgt von Klammern () .
Funktionsnamen können Buchstaben, Ziffern, Unterstriche und Dollarzeichen enthalten (dieselben Regeln wie bei Variablen).
Die Klammern können durch Kommas getrennte Parameternamen enthalten:
( parameter1, parameter2, ... )
Der von der Funktion auszuführende Code steht in geschweiften Klammern: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
Funktionsparameter sind innerhalb der Klammern () in der Funktionsdefinition aufgeführt.
Funktionsargumente sind die Werte, die von der Funktion empfangen werden, wenn sie aufgerufen wird.
Innerhalb der Funktion verhalten sich die Argumente (die Parameter) wie lokale Variablen.
Eine Funktion ist in anderen Programmiersprachen weitgehend dasselbe wie eine Prozedur oder eine Subroutine.
Funktionsaufruf
Der Code innerhalb der Funktion wird ausgeführt, wenn "etwas" die Funktion aufruft (aufruft):
- Wenn ein Ereignis eintritt (wenn ein Benutzer auf eine Schaltfläche klickt)
- Wenn es vom JavaScript-Code aufgerufen (aufgerufen) wird
- Automatisch (selbst aufgerufen)
Später in diesem Tutorial erfahren Sie noch viel mehr über Funktionsaufrufe.
Funktion zurück
Wenn JavaScript eine return
Anweisung erreicht, stoppt die Ausführung der Funktion.
Wenn die Funktion von einer Anweisung aufgerufen wurde, kehrt JavaScript zurück, um den Code nach der aufrufenden Anweisung auszuführen.
Funktionen berechnen oft einen Rückgabewert . Der Rückgabewert wird an den "Aufrufer" "zurückgesendet":
Beispiel
Berechnen Sie das Produkt zweier Zahlen und geben Sie das Ergebnis zurück:
let x = myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Das Ergebnis in x ist:
12
Warum Funktionen?
Sie können Code wiederverwenden: Definieren Sie den Code einmal und verwenden Sie ihn viele Male.
Sie können denselben Code viele Male mit unterschiedlichen Argumenten verwenden, um unterschiedliche Ergebnisse zu erzielen.
Beispiel
Fahrenheit in Celsius umrechnen:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Der ()-Operator ruft die Funktion auf
Unter Verwendung des obigen Beispiels toCelsius
bezieht sich auf das Funktionsobjekt und
toCelsius()
auf das Funktionsergebnis.
Der Zugriff auf eine Funktion ohne () gibt das Funktionsobjekt anstelle des Funktionsergebnisses zurück.
Beispiel
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Als Variablenwerte verwendete Funktionen
Funktionen können in allen Arten von Formeln, Zuweisungen und Berechnungen genauso verwendet werden wie Variablen.
Beispiel
Anstatt eine Variable zu verwenden, um den Rückgabewert einer Funktion zu speichern:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Sie können die Funktion direkt als Variablenwert verwenden:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Sie werden später in diesem Tutorial noch viel mehr über Funktionen erfahren.
Lokale Variablen
Innerhalb einer JavaScript-Funktion deklarierte Variablen werden für die Funktion LOCAL .
Auf lokale Variablen kann nur innerhalb der Funktion zugegriffen werden.
Beispiel
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Da lokale Variablen nur innerhalb ihrer Funktionen erkannt werden, können gleichnamige Variablen in verschiedenen Funktionen verwendet werden.
Lokale Variablen werden erstellt, wenn eine Funktion gestartet wird, und gelöscht, wenn die Funktion abgeschlossen ist.