JavaScript Functions
Eine JavaScript-Funktion ist ein Codeblock, der eine bestimmte Aufgabe ausführen soll.
Eine JavaScript-Funktion wird ausgeführt, wenn „etwas“ sie aufruft.
Beispiel
function myFunction(p1, p2) {
return p1 * p2; // Die Funktion gibt das Produkt aus p1 und p2 zurück.
}
Try it Yourself »
JavaScript-Funktionssyntax
Eine JavaScript-Funktion wird mit dem Schlüsselwort function definiert, gefolgt von einem Namen, gefolgt von Klammern ().
Funktionsnamen können Buchstaben, Ziffern, Unterstriche und Dollarzeichen enthalten (es gelten dieselben Regeln wie für Variablen).
Die Klammern können durch Kommas getrennte Parameternamen enthalten:
(parameter1, parameter2, ...)
Der von der Funktion auszuführende Code wird in geschweifte Klammern gesetzt: {}
function name(parameter1, parameter2, parameter3) {
// auszuführender Code
}
Funktions-Parameter werden in der Funktionsdefinition in Klammern () aufgeführt.
Funktions-Argumente sind die Werte, die die Funktion beim Aufruf erhält.
Innerhalb der Funktion verhalten sich die Argumente (die Parameter) wie lokale Variablen.
Eine Funktion ist in anderen Programmiersprachen praktisch dasselbe wie eine Prozedur oder eine Subroutine.
Funktionsaufruf
Der Code innerhalb der Funktion wird ausgeführt, wenn „etwas“ die Funktion aufruft:
- Wenn ein Ereignis eintritt (wenn ein Benutzer auf eine Schaltfläche klickt)
- Wenn es von JavaScript-Code aufgerufen wird
- Automatisch (selbst aufgerufen)
Später in diesem Tutorial erfahren Sie noch viel mehr über Funktionsaufrufe.
Funktionsrückgabe
Wenn JavaScript eine return-Anweisung erreicht, wird die Ausführung der Funktion beendet.
Wenn die Funktion von einer Anweisung aus aufgerufen wurde, wird JavaScript „zurückkehren“, um den Code nach der aufrufenden Anweisung auszuführen.
Funktionen berechnen häufig einen Rückgabewert. Der Rückgabewert wird an den „Aufrufer“ „zurückgegeben“:
Beispiel
Berechnen Sie das Produkt zweier Zahlen und geben Sie das Ergebnis zurück:
let x = myFunction(4, 3); // Funktion wird aufgerufen, Rückgabewert endet in x
function myFunction(a, b) {
return a * b; // Die Funktion gibt das Produkt von a und b zurück.
}
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);
Try it Yourself »
Der ()-Operator ruft die Funktion auf
Im obigen Beispiel bezieht sich toCelsius auf das Funktionsobjekt und toCelsius() auf das Funktionsergebnis.
Der Zugriff auf eine Funktion ohne () gibt das Funktionsobjekt statt des Funktionsergebnisses zurück.
Beispiel
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Try it Yourself »
Als Variablenwerte verwendete Funktionen
Funktionen können in allen Arten von Formeln, Zuweisungen und Berechnungen auf die gleiche Weise verwendet werden wie Variablen.
Beispiel
Anstatt eine Variable zum Speichern des Rückgabewerts einer Funktion zu verwenden:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Sie können die Funktion direkt als variablen Wert verwenden:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Try it Yourself »
Später in diesem Tutorial erfahren Sie noch viel mehr über Funktionen.
Lokale Variablen
Innerhalb einer JavaScript-Funktion deklarierte Variablen werden LOKAL für die Funktion.
Auf lokale Variablen kann nur innerhalb der Funktion zugegriffen werden.
Beispiel
// Code hier kann NICHT verwendet werden carName
function myFunction() {
let carName = "Volvo";
// Code hier kann verwendet werden carName
}
// Code hier kann NICHT verwendet werden carName
Try it Yourself »
Da lokale Variablen nur innerhalb ihrer Funktionen erkannt werden, können Variablen mit demselben Namen in verschiedenen Funktionen verwendet werden.
Lokale Variablen werden beim Starten einer Funktion erstellt und beim Beenden der Funktion gelöscht.
