Wie funktionieren Generatoren in JavaScript im Vergleich zu normalen Funktionen?

Generatoren in JavaScript sind Funktionen, die ihre Ausführung pausieren und Zwischenergebnisse mit dem Schlüsselwort yield zurückgeben können. Im Gegensatz zu normalen Funktionen, die vollständig ausgeführt werden und einen einzelnen Wert zurückgeben, ermöglichen Generatoren die Erstellung von Iteratoren mit fauler Wertgenerierung.

Beispiel für einen Generator:

function* countUpTo(max) {
  let count = 1;
  while (count <= max) {
    yield count; // pausiert die Ausführung und gibt den Wert zurück
    count++;
  }
}

const counter = countUpTo(3);
console.log(counter.next().value); // 1
console.log(counter.next().value); // 2
console.log(counter.next().value); // 3
console.log(counter.next().done);  // true

Daher sind Generatoren nützlich, um mit Datenfolgen zu arbeiten, die nicht sofort vollständig berechnet werden müssen.