Lernen Parameter und Rückgabewerte

Swipe um das Menü anzuzeigen

Wenn Sie eine Funktion wie calculateRectangleArea aufrufen, geben Sie Werte an, die als Argumente bezeichnet werden. Diese Argumente werden an die Parameter der Funktion übergeben, in diesem Fall width und height.


              123456
            
function calculateRectangleArea(width, height) {
  return width * height;
}

const area = calculateRectangleArea(5, 3);
console.log("The area of the rectangle is:", area);

Innerhalb der Funktion können diese Parameter als Variablen verwendet werden. Wenn die Funktion ihre Berechnung abgeschlossen hat, wird mit dem Schlüsselwort return ein Wert an die Stelle zurückgegeben, an der sie aufgerufen wurde. Hier wird width * height zurückgegeben, sodass beim Aufruf von calculateRectangleArea(5, 3) die Funktion 15 zurückgibt, was dann in der Variablen area gespeichert wird. Die Anweisung console.log gibt dieses Ergebnis zur Ansicht aus.

Hinweis

Eine Funktion kann jeweils nur einen Wert zurückgeben. Sobald sie eine return-Anweisung erreicht, wird die Ausführung sofort beendet und die Funktion verlässt den Ablauf. Wird kein return verwendet, gibt die Funktion standardmäßig undefined zurück.

Funktionen können auch Standardparameter besitzen. Diese Werte werden verwendet, wenn für einen Parameter kein Argument übergeben wird. Dadurch werden Funktionen flexibler und Fehler durch fehlende Werte vermieden. Mit return kann eine Funktion auch vorzeitig verlassen werden, wenn eine bestimmte Bedingung erfüllt ist und das Ende der Funktion nicht erreicht werden soll.

Zum Beispiel könnte eine Funktion wie folgt aussehen:


              12345678910
            
function greet(name = "Guest") {
  if (!name) {
    return "No name provided.";
  }
  return "Hello, " + name + "!";
}

console.log(greet());
console.log(greet(""));
console.log(greet("Alice"));

Wenn Sie greet() ohne Argument aufrufen, wird der Standardwert "Guest" verwendet. Wenn Sie greet("") aufrufen, gibt die Funktion sofort "No name provided." zurück. Dieser Ansatz hilft dabei, verschiedene Szenarien zu behandeln und macht Ihren Code leichter wartbar.

War alles klar?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 10

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 1. Kapitel 10