Springe zum Inhalt oder Footer
SerloDie freie Lernplattform

Kurse

EVA-Prinzip, Ereignisse und Funktionen

3Funktionen in JavaScript

Funktionen sind Code-Teile, die einmal geschrieben und dann beliebig oft über ihren Namen aufgerufen werden können. Manche Funktionen müsst ihr dafür nicht mal selbst schreiben, z.B. alert() und prompt(). Die beiden bringt euer Browser schon mit. Sie gehören dem sog. window-Objekt. Diese speziellen Funktionen nennt man oft auch Methoden, folgen aber demselben Prinzip.

Aufruf einer Funktion

Eine Funktion kann mehrere Parameter haben, die dann in den Klammern hinter dem Namen der Funktion stehen. Bei alert() und prompt() wird hier der Text (ein sogenannter String oder deutsch Zeichenkette) übergeben, der dann angezeigt werden soll. Es gibt auch Funktionen, die keine Parameter benötigen, dann sind die Klammern hinter dem Namen leer. Eine Funktion kann genau einen Rückgabewert haben. Der ist das Ergebnis der Funktion. Bei prompt() ist das die Eingabe, die der Benutzer in das Eingabefeld des Dialogs gemacht hat. Natürlich brauchen Funktionen nicht zwingend ein Ergebnis z.B. bei alert().

Aufruf einer Funktion mit Parameter und Rückgabewert

Definition einer Funktion

Eigene Funktionen kann man mit dem Schlüsselwort function, gefolgt vom Namen der Funktion definieren. Anschließend werden in runden Klammern ( ) die Parameter angegeben. Dann beginnt ein der Code-Block der Funktion, in den alle Anweisungen geschrieben werden, die beim Aufruf der Funktion ausgeführt werden sollen. Der Code-Block wird in geschweiften Klammern { } geschrieben. Sollte deine Funktion einen Rückgabewert haben, kannst du diesen mit dem Schlüsselwort return, gefolgt vom Wert der zurückgegeben werden soll. Das Schlüsselwort return beendet die Funktion sofort.

Definition einer Funktion mit Parameter und Rückgabewert

Achtung! Namen von Funktionen oder Variablen sollten keine Umlaute (ä, ü, ö, ß) oder spezielle Sonderzeichen enthalten. Sie sollten möglichst ausdrücken, was die Funktion macht oder was in der Variable gespeichert wird. Das erleichtert das Verständnis des Codes total.


Dieses Werk steht unter der freien Lizenz
CC BY-SA 4.0Was bedeutet das?