Eine Funktion fasst Anweisungen unter einem Namen zusammen. Parameter sind ihre Eingaben. return liefert ein Ergebnis. Ein Gültigkeitsbereich bestimmt, wo ein Name verwendet werden darf. Wir normalisieren einen eingegebenen Titel und berechnen Euro aus Cent. Beides sind kleine Aufgaben, die sich ohne React prüfen lassen.
01Eine Funktion deklarieren
normalizeTitle nimmt title entgegen. trim entfernt Leerzeichen am Anfang und Ende. Die Funktion liefert einen neuen Text. Sie ändert keine gespeicherte Akte und zeigt noch keine Oberfläche.
function normalizeTitle(title) {
return title.trim();
}
const euros = (cents) => cents / 100;
console.log(normalizeTitle(' Roof repair '));
console.log(euros(12990));
Starten / prüfen
node functions.mjs02Arrow-Funktionen lesen
const euros = (cents) => cents / 100 definiert eine Funktion in einer Variablen. Ohne geschweifte Klammern wird der Ausdruck direkt zurückgegeben. Mit geschweiften Klammern brauchst du für ein Ergebnis ein ausdrückliches return.
03Namen lokal halten
title und cents sind nur innerhalb ihres jeweiligen Funktionsaufrufs verfügbar. Das verhindert zufällige Abhängigkeiten von globalem Zustand. Spätere Services bekommen ihre benötigten Daten und Schnittstellen ebenfalls ausdrücklich übergeben.
Roof repair und 129.9
Deine Übung
Ergänze eine Funktion isValidTitle, die prüft, ob nach trim mindestens ein Zeichen übrig bleibt.
Lösung mit Erklärung anzeigen
const isValidTitle = (title) => title.trim().length > 0 liefert true für "Roof" und false für " ". Die Ausgabe oder Fehlermeldung kann der Aufrufer danach selbst wählen.
Projektbezug und Quellen
Das Beispiel ist zum Lernen vereinfacht. Die verlinkte Codeversion zeigt die Anwendung im Projekt und die dortigen Prüfungen.