course icon

JavaScript-Grundlagen

Hochgeladen : vor 4 Monaten Aktualisiert : vor 4 Monaten beginner

Die Bausteine der Logik

Sie können Werte speichern. Lernen Sie nun, mit ihnen zu arbeiten: Funktionen, Bedingungen und Schleifen — das Herz jedes Programms.

Funktionen: wiederverwendbare Blöcke

Eine Funktion bündelt Code, den Sie immer wieder aufrufen können — optional mit Eingaben (Parameter) und einem Rückgabewert.

function add(a, b) {
  return a + b;
}
const arrow = (a, b) => a + b;  // dasselbe, kürzer
add(2, 3); // 5

Bedingungen: Entscheidungen treffen

if (score >= 50) {
  console.log("Bestanden");
} else {
  console.log("Nochmal versuchen");
}

=== statt ==

Verwenden Sie die strikte Gleichheit === (und !==). Sie vergleicht Wert UND Typ und vermeidet überraschende Umwandlungen.

Schleifen: Arbeit wiederholen

for (let i = 0; i < 3; i++) {
  console.log(i);
}

const nums = [1, 2, 3];
nums.forEach(n => console.log(n));

Häufige Array-Methoden

MethodeWas sie tutBeispiel
mapJedes Element umwandeln[1,2].map(n => n*2)
filterPassende Elemente behalten[1,2,3].filter(n => n>1)
findErster Treffer[1,2,3].find(n => n>1)
includesIst ein Wert enthalten?[1,2].includes(2)

Achten Sie auf den Gültigkeitsbereich

Mit let/const deklarierte Variablen leben nur in ihrem { }-Block. Der Zugriff von außen ist ein häufiger Fehler.

Häufige Fragen

Was ist ein Callback?
Eine Funktion, die einer anderen Funktion übergeben wird, um später ausgeführt zu werden — z. B. die Pfeilfunktion in forEach.
Pfeil- oder normale Funktion?
Pfeilfunktionen sind kürzer und behalten das umgebende this. Nutzen Sie sie für kurze Callbacks.
Was macht return?
Es gibt einen Wert an den Aufrufer zurück und beendet die Funktion.

Zeit, etwas zu bauen

Sie haben Variablen, Funktionen, Bedingungen und Schleifen. Setzen Sie sie auf einer echten Seite zusammen.

Weiter zu JavaScript in der Praxis

Kommentare