Komma-Operator (,) — Operator · JavaScript-Referenz

Signatur

left, right

Beschreibung

Der Komma-Operator (,) ist ein binärer Operator, der zwei oder mehr Ausdrücke von links nach rechts auswertet und dabei den Wert des letzten Ausdrucks zurückgibt. Alle vorherigen Ausdrücke werden ausgewertet, ihre Rückgabewerte aber verworfen. Er ermöglicht es, mehrere Ausdrücke dort einzusetzen, wo syntaktisch nur ein einziger Ausdruck erlaubt ist.

Der häufigste Anwendungsfall ist der klassische for-Schleifenkopf: Im Initialisierungs- oder Inkrementabschnitt einer for-Schleife können so mehrere Variablen gleichzeitig verwaltet werden, ohne den Schleifenkörper zu belasten. Auch in kompakten Arrow-Function-Ausdrücken oder Ternary-Operatoren wird der Komma-Operator gelegentlich eingesetzt, um einen Seiteneffekt (z. B. Logging) mit einem Rückgabewert zu kombinieren.

Es ist wichtig, den Komma-Operator von der syntaktisch ähnlichen Komma-Syntax in Funktionsaufruf-Argumentlisten, Array-Literalen oder Destrukturierungsmustern zu unterscheiden — dort ist das Komma kein Operator, sondern ein Trennzeichen. Der Komma-Operator hat die niedrigste Priorität aller JavaScript-Operatoren und wird daher häufig in runden Klammern eingeschlossen, um Verwechslungen zu vermeiden.

Der Komma-Operator sollte sparsam eingesetzt werden, da er den Code schwerer lesbar machen kann. In modernem JavaScript sind explizite Blöcke mit mehreren Anweisungen oft klarer und vorzuziehen.

Parameter

Name	Typ	Default	Beschreibung
$left Pflicht	any	—	Ein beliebiger Ausdruck, der ausgewertet wird. Sein Rückgabewert wird verworfen. Seiteneffekte (z. B. Zuweisungen, Funktionsaufrufe) finden dennoch statt.
$right Pflicht	any	—	Ein beliebiger Ausdruck, der nach `left` ausgewertet wird. Sein Rückgabewert ist der Gesamtwert des Komma-Ausdrucks. Durch Verkettung (`a, b, c, ...`) kann der Operator auf beliebig viele Operanden ausgedehnt werden.

Rückgabewert

Typ

any

Beschreibung

Der Wert des letzten (rechtesten) Ausdrucks. Alle anderen Rückgabewerte werden stillschweigend verworfen.

Beispiele

Grundlegendes Verhalten

// Mehrere Ausdrücke, nur der letzte Wert wird zurückgegeben
const result = (1 + 2, 10 * 5, 42);
console.log(result);

// Seiteneffekte der linken Ausdrücke finden dennoch statt
let x = 0;
const y = (x++, x++, x);
console.log(x); // x wurde zweimal inkrementiert
console.log(y); // Wert von x nach beiden Inkrementen

42 2 2

Mehrere Variablen in einer for-Schleife verwalten

// Klassischer Anwendungsfall: zwei Laufvariablen in einer for-Schleife
const arr = [1, 2, 3, 4, 5];

for (let i = 0, j = arr.length - 1; i < j; i++, j--) {
  // Tauscht das Array in-place (links und rechts gleichzeitig)
  [arr[i], arr[j]] = [arr[j], arr[i]];
}

console.log(arr);

[5, 4, 3, 2, 1]

Seiteneffekt mit Rückgabewert in einem Arrow-Funktionsausdruck

// Logging-Seiteneffekt ohne Blocksyntax dank Komma-Operator
const double = x => (console.log('Eingabe:', x), x * 2);

const values = [1, 2, 3];
const doubled = values.map(double);
console.log('Ergebnis:', doubled);

Eingabe: 1 Eingabe: 2 Eingabe: 3 Ergebnis: [2, 4, 6]

Komma-Operator vs. Komma als Trennzeichen

// ACHTUNG: In einem Array-Literal ist das Komma ein Trennzeichen, KEIN Operator!
const arr = [1, 2, 3];        // → [1, 2, 3]  (drei Elemente)
const val = (1, 2, 3);        // → 3           (Komma-Operator!)

console.log(arr);
console.log(val);

// Funktionsaufruf: Komma als Trennzeichen
const add = (a, b) => a + b;
console.log(add(1, 2));       // → 3  (Trennzeichen, kein Operator)

[1, 2, 3] 3 3

// Wichtig · Fallstricke

Niedrigste Operatorpriorität: Der Komma-Operator hat die niedrigste Bindungsstärke aller JavaScript-Operatoren. Um ihn nicht mit anderen Komma-Verwendungen zu verwechseln oder ungewollte Parsing-Fehler zu erzeugen, sollte er stets in runde Klammern eingeschlossen werden — z. B. const x = (a(), b()) statt const x = a(), b(), da letzteres als zwei separate Deklarationen interpretiert werden kann.

In Zuweisungsausdrücken ohne Klammern bindet das Komma schwächer als die Zuweisung: let a = 1, 2 deklariert a = 1 und wertet 2 separat aus — das ist nicht dasselbe wie let a = (1, 2).
Der Komma-Operator ist in Spread-Syntax, Destrukturierungen und Parameterlisten nicht verwendbar, da das Komma dort syntaktisch als Trennzeichen reserviert ist.
Lesbarkeit: Für die meisten Anwendungsfälle gibt es klarere Alternativen (z. B. mehrere Anweisungen in einem Block). Übermäßiger Einsatz gilt als schlechter Stil und kann Linter-Warnungen auslösen (z. B. ESLint-Regel no-sequences).
Browser-Kompatibilität: Der Komma-Operator ist seit ES1 Teil der Sprachspezifikation und in allen JavaScript-Umgebungen verfügbar.

Siehe auch

for Operator Precedence Zuweisungsoperator (=) Bedingungsoperator (?:) Destrukturierungszuweisung