Gruppierungsoperator ( ) — Operator · JavaScript-Referenz

Signatur

( expression )

Beschreibung

Der Gruppierungsoperator besteht aus einem Paar runder Klammern, die einen Ausdruck (expression) umschließen. Er hat die höchste Operatorpriorität (Präzedenz) in JavaScript und erzwingt damit, dass der geklammerte Ausdruck vor dem Rest des umgebenden Ausdrucks ausgewertet wird. So lässt sich die standardmäßige Operatorreihenfolge gezielt überschreiben.

Ohne Klammerung folgt JavaScript der definierten Operatorpräzedenz: Multiplikation und Division binden stärker als Addition und Subtraktion. Möchte man etwa eine Addition vor einer Multiplikation ausführen, setzt man die Addition in Klammern: (a + b) * c. Der Operator gibt dabei den Wert des inneren Ausdrucks unverändert zurück – er verändert den Wert selbst nicht, sondern nur den Auswertungszeitpunkt.

Der Gruppierungsoperator wird außerdem häufig eingesetzt, um Funktionsausdrücke sofort aufzurufen (IIFE – Immediately Invoked Function Expression), mehrzeilige Ausdrücke lesbarer zu strukturieren oder einen Ausdruck an Stellen zu nutzen, wo syntaktisch nur Ausdrücke, keine Anweisungen, erlaubt sind – beispielsweise um ein Objekt-Literal von einem Block zu unterscheiden.

Präzedenz: Der Gruppierungsoperator hat Präzedenzstufe 21 – die höchste aller Operatoren.
IIFE: (function() { ... })() oder (() => { ... })()
Ausdrucks-Kontext: ({ key: value }) – verhindert, dass { als Block-Anfang interpretiert wird.

Parameter

Name	Typ	Default	Beschreibung
$expression Pflicht	any	—	Ein beliebiger JavaScript-Ausdruck, dessen Auswertung durch die Klammerung priorisiert werden soll.

Rückgabewert

Typ

any

Beschreibung

Der ausgewertete Wert des geklammerten Ausdrucks. Die Klammern selbst verändern den Wert nicht.

Beispiele

Auswertungsreihenfolge ändern

// Ohne Klammerung: Multiplikation vor Addition
const ohneKlammern = 2 + 3 * 4;
console.log(ohneKlammern); // 14

// Mit Klammerung: Addition zuerst
const mitKlammern = (2 + 3) * 4;
console.log(mitKlammern); // 20

14 20

IIFE – Sofort aufgerufener Funktionsausdruck

// Klassische IIFE mit function-Ausdruck
const ergebnis = (function (name) {
  return `Hallo, ${name}!`;
})("Welt");
console.log(ergebnis);

// Moderne IIFE mit Arrow-Funktion
const wert = (() => {
  const x = 10;
  const y = 20;
  return x + y;
})();
console.log(wert);

Hallo, Welt! 30

Objekt-Literal im Ausdrucks-Kontext

// Ohne Klammern: { } wird als Block interpretiert → SyntaxError
// const obj = { a: 1 }; // funktioniert als Deklaration, aber:

// In Arrow-Funktion: Klammern nötig, um Objekt zurückzugeben
const getUser = (id) => ({ id, name: "Alice" });
console.log(getUser(42));

{ id: 42, name: 'Alice' }

Komplexe Bedingungen übersichtlich klammern

const alter = 25;
const hatAusweis = true;
const istMitglied = false;

// Klammern machen die Logik eindeutig und lesbar
const darfEintreten = (alter >= 18 && hatAusweis) || istMitglied;
console.log(darfEintreten);

true

// Wichtig · Fallstricke

Kein Komma-Operator: Innerhalb des Gruppierungsoperators ist grundsätzlich genau ein Ausdruck erlaubt. Werden mehrere Ausdrücke durch Komma getrennt, greift der Komma-Operator (,): (a, b) wertet beide aus und gibt nur den letzten Wert zurück. Dies ist ein häufiger Fallstrick.

Nicht zu verwechseln mit den Klammern beim Funktionsaufruf (fn()), bei Funktionsdefinitionen (function()) oder bei Kontrollstrukturen (if (), for ()). In all diesen Fällen sind die runden Klammern Teil der jeweiligen Syntax, nicht der Gruppierungsoperator.

Optimierung: Redundante Klammern, die nichts an der Auswertungsreihenfolge ändern, werden von JavaScript-Engines still ignoriert. Sie können dennoch sinnvoll sein, um die Lesbarkeit von Code für Menschen zu verbessern.

Siehe auch

Komma-Operator (,) Operatorpräzedenz IIFE (Immediately Invoked Function Expression) Arrow Function (=>) function (Ausdruck)