Direkt zum Hauptinhalt springen
eLearner.app
Modul 4 · Lektion 1 von 413/32 im Kurs~10 min
Lektionen des Moduls (1/4)

Deklarieren einer Funktion

Eine Funktion ist ein wiederverwendbares Stück Code, dem du einen Namen gibst. Du rufst sie auf, indem du Argumente übergibst. Sie führt ihren Rumpf aus und kann mit return einen Wert zurückgeben.

Klassische Deklaration

Die häufigste Form ist die Funktionsdeklaration (function declaration):

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Zu beachten:

  • nome ist der Parameter (eine lokale Variable der Funktion).
  • 'Anna' ist das Argument (der beim Aufruf übergebene Wert).
  • Ohne return gibt die Funktion undefined zurück.

Funktionsausdruck (function expression)

Funktionen in JS sind Werte: Sie können einer Variablen zugewiesen werden.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Die beiden Formen sind fast gleichwertig, mit einem wichtigen Unterschied:

  • Die Funktionsdeklaration wird „gehoistet“: Du kannst sie auch vor der Zeile aufrufen, in der sie im Code erscheint.
  • Der Funktionsausdruck folgt den Regeln von const/let: Er existiert erst nach der Zuweisung.

Kein explizites return

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // niente return → la funzione ritorna undefined
}

const r = logga('ciao'); // stampa "[LOG] ciao"
r; // undefined

Probier es aus

Übung#js.m4.l1.e1
Versuche: 0Wird geladen…

Deklariere eine Funktion `greet(name)`, die den String `Ciao, <name>!` zurückgibt. Rufe sie dann mit 'Anna' auf und verwende das Ergebnis als letzten Ausdruck.

Editor wird geladen…
Hinweis anzeigen

function greet(name) { return ... }

Lösung nach 3 Versuchen verfügbar

Wiederholungsübung

Übung#js.m4.l1.e2
Versuche: 0Wird geladen…

Schreibe einen Funktionsausdruck `double`, der für eine gegebene Zahl deren Doppeltes zurückgibt. Rufe ihn mit 7 als letztem Ausdruck auf (erwartet 14).

Editor wird geladen…
Hinweis anzeigen

const double = function (n) { return ... };

Lösung nach 3 Versuchen verfügbar