Funktionen

Das lernst du

Funktionen mit function schreiben
Werte mit return zurückgeben
Pfeilfunktionen (=>) benutzen

Eine Funktion bauen

function gruessen(name) {
  console.log(`Hallo ${name}!`);
}

gruessen("Mia");
gruessen("Tom");

Eine Funktion ist ein Mini-Programm mit Namen: einmal schreiben, beliebig oft benutzen.

Ergebnisse mit return

function quadrat(zahl) {
  return zahl * zahl;
}

const ergebnis = quadrat(7);
console.log(ergebnis);
console.log(quadrat(2) + quadrat(3));

Python-Vergleich: def quadrat(zahl): wird zu function quadrat(zahl) { … }.

Pfeilfunktionen

Kurze Funktionen schreibt man in JavaScript gern als Pfeilfunktion:

const halbieren = (x) => x / 2;
const plus = (a, b) => a + b;

console.log(halbieren(10));
console.log(plus(2, 3));

(x) => x / 2 heißt: „Nimm x und gib x / 2 zurück“. Genau so etwas hast du schon bei filter und map benutzt.

Kurz-Check

Was gibt dieses Programm aus?

const mal3 = (n) => n * 3;
function plus1(n) {
  return n + 1;
}
console.log(mal3(plus1(2)));

Deine Aufgabe

Jetzt bist du dran

Schreib die Funktion flaeche(breite, hoehe), die die Fläche eines Rechtecks zurückgibt. Schreib außerdem eine Pfeilfunktion const doppelt = (x) => …, die ihre Zahl verdoppelt. Gib doppelt(flaeche(3, 4)) aus.

function flaeche(breite, hoehe) {
}

// const doppelt = ...

Denkanstoß
In der Funktion return breite * hoehe;
Welcher Befehl hilft?
const doppelt = (x) => x * 2;

Lückencode – ergänze die ___

                        function flaeche(breite, hoehe) {
  return ___;
}

const doppelt = ___;

console.log(___);

Ohne Hinweise gelöst gibt es einen ⭐ auf deiner Fortschrittsseite.

Lösung anzeigen

Versuch es erst selbst – aus Fehlern lernt man am meisten. Hier ist eine mögliche Lösung:

function flaeche(breite, hoehe) {
  return breite * hoehe;
}

const doppelt = (x) => x * 2;

console.log(doppelt(flaeche(3, 4)));