Funktionen: Deklaration, Parameter, return

Erstelle wiederverwendbare Codeblöcke mit function, übergib ihnen Parameter und hole dir ihre Ergebnisse mit return zurück.

6 Min. · 3 Fragen

Eine Funktion ist ein wiederverwendbarer Codeblock, dem du einen Namen gibst. Sie ist wie ein Kochrezept: Du schreibst es einmal und kannst es dann so oft ausführen, wie du willst. Um eine Funktion zu erstellen, verwendest du das Schlüsselwort function, gefolgt von ihrem Namen, Klammern () und einem Block zwischen geschweiften Klammern { }. Um sie auszuführen, rufst du sie auf, indem du ihren Namen gefolgt von Klammern schreibst.

function sayHello() {
  console.log("Hello!");
}

sayHello(); // Prints: Hello!
sayHello(); // Prints: Hello!

Eine Funktion wird richtig nützlich, wenn sie Informationen entgegennimmt. Ein Parameter ist eine zwischen den Klammern der Funktion deklarierte Variable: Sie dient als Eingabefeld. Wenn du die Funktion aufrufst, heißt der konkrete Wert, den du übergibst, Argument. Im folgenden Beispiel ist name der Parameter und "Léa" ein Argument.

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Léa");  // Prints: Hello, Léa!
greet("Marc"); // Prints: Hello, Marc!

Eine Nachricht auszugeben ist schön; ein wiederverwendbares Ergebnis zu erzeugen ist besser. Das Schlüsselwort return schickt einen Wert an die Stelle zurück, an der die Funktion aufgerufen wurde: Der Aufruf add(2, 3) wird dann durch seinen Wert 5 ersetzt. Du kannst dieses Ergebnis in einer Variable speichern oder direkt verwenden. Beachte, dass return die Ausführung der Funktion sofort beendet.

function add(a, b) {
  return a + b;
}

const result = add(2, 3);
console.log(result);     // Prints: 5
console.log(add(10, 4)); // Prints: 14

Wissenscheck

Stelle sicher, dass du die wichtigsten Punkte dieser Lektion behalten hast.

1. Mit welchem Schlüsselwort schickt eine Funktion ein Ergebnis dorthin zurück, wo sie aufgerufen wurde?
   • return
   • function
   • result
   • send
2. Was ist bei function add(a, b) { return a + b; } der Wert von add(2, 3)?
   • 23
   • 5
   • undefined
3. Wie nennt man die konkreten Werte, die beim Aufruf an eine Funktion übergeben werden?
   • Argumente
   • Parameter
   • Indizes