JavaScript Funktionen

Function Declaration, Function Expression, Arrow Functions, Parameter, return und Scope. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

• Funktionen definieren und aufrufen
• Parameter und Rückgabewerte nutzen
• Scope-Grundlagen verstehen

Erklärung

Funktionen bündeln wiederverwendbaren Code. Parameter sind Eingaben, return liefert ein Ergebnis zurück. Ohne return gibt eine Funktion undefined zurück.

Scope beschreibt, wo Variablen sichtbar sind. Variablen innerhalb einer Funktion sind außerhalb nicht direkt verfügbar.

Beispiele

function formatName(firstName, lastName) {
  return `${firstName} ${lastName}`;
}

const fullName = formatName("Ada", "Lovelace");

Diese Function Declaration kann vor ihrer Definition aufgerufen werden.

const double = (number) => number * 2;

Arrow Functions sind kompakt, besonders für kurze Callbacks.

Typische Fehler

• Funktionen zu groß werden lassen.
• Globale Variablen statt Parameter verwenden.
• return vergessen und später undefined erhalten.

Best Practices

• Eine Funktion sollte eine klar erkennbare Aufgabe haben.
• Benutze Parameter statt versteckter Abhängigkeiten.
• Benenne Funktionen mit Verben wie calculateTotal oder showError.

Kleine Übung

Schreibe eine Funktion, die aus Vorname, Nachname und Rolle einen kurzen Profiltext zurückgibt.

Zusammenfassung

JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.

Weiterführende Seiten

• Vorherige Seite: JavaScript Schleifen
• Nächste Seite: JavaScript Arrays
• Zur Übersicht
• Schleifen
• Arrays