JavaScript: Funktionen

Описание: #Vorlesung #Webbasierte #Systeme an der #Technischen #Hochschule #Mannheim

JavaScript: Funktionen

In diesem Kapitel werden Funktionen in JavaScript ausführlich behandelt. In JavaScript sind Funktionen keine besonderen Sprachkonstrukte, sondern vollwertige Objekte. Das ermöglicht es, sie wie Variablen zu behandeln, sie an andere Funktionen zu übergeben oder sogar als Rückgabewert von Funktionen zu verwenden. Funktionen können auf verschiedene Arten deklariert werden: klassisch mit dem Schlüsselwort „function“, als benannter Funktionsausdruck (named function expression), als anonyme Funktion (ohne Namen, nur als Referenz nutzbar) oder über den speziellen Konstruktor „Function“. Der Aufruf erfolgt entweder über den Namen, über eine Referenz oder über Methoden wie „apply“ und „call“.

Die Parameterübergabe geschieht immer nach dem Prinzip „call-by-value“. Das bedeutet, dass primitive Werte als Kopien übergeben werden, während bei Objekten die Referenz kopiert wird – nicht aber das Objekt selbst. Rückgabewerte werden mit dem Schlüsselwort „return“ geliefert, ein Rückgabeparameter muss nicht explizit deklariert werden. In JavaScript können Funktionen weitere Funktionen enthalten. Besonders interessant: Deklarierte Funktionen sind bereits vor ihrer Definition verfügbar (Hoisting), während Funktionsausdrücke erst ab ihrer Zuweisung sichtbar werden.

Es gibt mehrere Möglichkeiten, eine Funktion zu deklarieren. Neben der klassischen Funktionsdeklaration können Funktionen auch anonym oder benannt als Funktionsausdruck oder mit dem Funktions-Konstruktor angelegt werden. Die „name“-Eigenschaft ermöglicht es, auf den Namen einer Funktion zuzugreifen, allerdings ist dies kein ECMA-Standard. Praktische Beispiele zeigen, wie verschiedene Funktionsobjekte deklariert, zugewiesen und aufgerufen werden können. Auch die Anwendung der Methoden „apply“ und „call“ wird erläutert: Mit „apply“ können Funktionen mit einem Array von Parametern aufgerufen werden, wobei der erste Parameter den Kontext bestimmt, auf den sich „this“ bezieht.

Ein besonderes Merkmal von JavaScript ist die Möglichkeit, Funktionen zu verschachteln. Eine Funktion kann eine weitere Funktion enthalten, die wiederum auf Parameter und Variablen der äußeren Funktion zugreifen kann. Dieses Prinzip ist für Closures grundlegend. Parameterlisten sind in JavaScript nicht starr: Mit dem „arguments“-Objekt können Funktionen auf alle übergebenen Argumente zugreifen, unabhängig davon, wie viele tatsächlich angegeben wurden. So lassen sich beispielsweise Summenfunktionen mit variabler Parameteranzahl einfach realisieren.

Darüber hinaus bietet JavaScript zahlreiche eingebaute Funktionen. „eval“ ermöglicht das Ausführen von Strings als Code – was mit Vorsicht zu genießen ist. „isFinite“ und „isNaN“ prüfen, ob Werte gültig bzw. nicht eine Zahl sind. Mit „parseFloat“ und „parseInt“ lassen sich Zeichenketten in Zahlen konvertieren, „Number“ und „String“ ermöglichen Typumwandlungen. „encodeURI“ und „decodeURI“ sind wichtig für die Kodierung von Zeichenketten in URLs, damit unerlaubte Zeichen korrekt übertragen werden. Mit „toFixed“ lässt sich die Anzahl der Nachkommastellen bei Zahlen formatieren.

Abschließend demonstrieren verschiedene Codebeispiele die Funktionsweise und Vielseitigkeit von Funktionen in JavaScript – einschließlich anonymer und verschachtelter Funktionen, variabler Parameterlisten, Funktionsobjekten und eingebauten Utility-Funktionen. Diese Konzepte sind die Basis für fortgeschrittene Techniken wie Callbacks, Closures und funktionale Programmierung und machen Funktionen zu einem zentralen Element der Sprache.

0:00 Einführung JavaScript-Funktionen
0:33 Parameterübergabe & Rückgabewerte
1:02 Arten der Funktionsdeklaration
1:51 Unterschiede in Sichtbarkeit
2:05 Funktionsbeispiele & apply-Methode
3:12 Verschachtelte Funktionen
3:59 Variable Eingabeparameter
4:24 Wichtige JavaScript-Funktionen