Nachgestellte Kommas

Beschreibung

JavaScript erlaubt nachgestellte Kommas berall dort, wo eine durch Kommas getrennte Liste von Werten akzeptiert wird und nach dem letzten Element weitere Werte erwartet werden knnen. Dies schliet ein:

• Array-Literale
• Objekt-Literale
• Parameterdefinitionen
• Funktionsaufrufe
• Benannte Importe
• Benannte Exporte
• Dynamische Importe
• Array- und Objekt-Destrukturierung

In all diesen Fllen ist das nachgestellte Komma vllig optional und ndert die Semantik des Programms in keiner Weise.

Es ist besonders ntzlich beim Hinzufgen, Entfernen oder Umordnen von Elementen in einer Liste, die sich ber mehrere Zeilen erstreckt, da es die Anzahl der zu ndernden Zeilen reduziert, was sowohl beim Bearbeiten als auch beim berprfen des Diffs hilft.

  [
    "foo",
+   "baz",
    "bar",
-   "baz",
  ]

Beispiele

Nachgestellte Kommas in Literalen

Arrays

JavaScript ignoriert nachgestellte Kommas in Array-Literalen:

const arr = [
  1,
  2,
  3,
];

arr; // [1, 2, 3]
arr.length; // 3

Wenn mehr als ein nachgestelltes Komma verwendet wird, entsteht eine Auslassung (oder Lcke). Ein Array mit Lcken wird als sparsame (ein dichtes Array hat keine Lcken) bezeichnet. Beim Durchlaufen von Arrays, zum Beispiel mit Array.prototype.forEach() oder Array.prototype.map(), werden Array-Lcken bersprungen. Sparse Arrays sind im Allgemeinen ungnstig, daher sollten Sie mehrere nachgestellte Kommas vermeiden.

const arr = [1, 2, 3, , ,];
arr.length; // 5

Objekte

Nachgestellte Kommas in Objekt-Literalen sind ebenfalls legal:

const object = {
  foo: "bar",
  baz: "qwerty",
  age: 42,
};

Nachgestellte Kommas in Funktionen

Nachgestellte Kommas sind auch in Funktionsparameterlisten erlaubt.

Parameterdefinitionen

Die folgenden Funktionsdefinitionen sind legal und gleichwertig zueinander. Nachgestellte Kommas beeinflussen weder die length-Eigenschaft von Funktionsdeklarationen noch deren arguments-Objekt.

function f(p) {}
function f(p,) {}

(p) => {};
(p,) => {};

Das nachgestellte Komma funktioniert auch bei Methodendefinitionen fr Klassen oder Objekte:

class C {
  one(a,) {}
  two(a, b,) {}
}

const obj = {
  one(a,) {},
  two(a, b,) {},
};

Funktionsaufrufe

Die folgenden Funktionsaufrufe sind legal und gleichwertig zueinander.

f(p);
f(p,);

Math.max(10, 20);
Math.max(10, 20,);

Ungltige nachgestellte Kommas

Funktionsparameterdefinitionen oder Funktionsaufrufe, die nur ein Komma enthalten, werfen einen SyntaxError. Darber hinaus sind beim Verwenden von Rest-Parametern nachgestellte Kommas nicht erlaubt:

function f(,) {} // SyntaxError: missing formal parameter
(,) => {};       // SyntaxError: expected expression, got ','
f(,)             // SyntaxError: expected expression, got ','

function f(...p,) {} // SyntaxError: parameter after rest parameter
(...p,) => {}        // SyntaxError: expected closing parenthesis, got ','

Nachgestellte Kommas in Destrukturierungen

Ein nachgestelltes Komma ist auch innerhalb eines Destrukturierungs-Musters erlaubt:

// array destructuring with trailing comma
[a, b,] = [1, 2];

// object destructuring with trailing comma
const o = {
  p: 42,
  q: true,
};
const { p, q, } = o;

Jedoch ist ein nachgestelltes Komma nach dem Rest-Element, falls vorhanden, nicht erlaubt:

const [a, ...b,] = [1, 2, 3];
// SyntaxError: rest element may not have a trailing comma

Nachgestellte Kommas in JSON

Da JSON auf einem sehr eingeschrnkten Subset der JavaScript-Syntax basiert, sind nachgestellte Kommas in JSON nicht erlaubt.

Beide Zeilen werfen einen SyntaxError:

JSON.parse("[1, 2, 3, 4, ]");
JSON.parse('{"foo" : 1, }');
// SyntaxError JSON.parse: unexpected character
// at line 1 column 14 of the JSON data

Lassen Sie die nachgestellten Kommas weg, um das JSON korrekt zu parsen:

JSON.parse("[1, 2, 3, 4 ]");
JSON.parse('{"foo" : 1 }');

Nachgestellte Kommas in benannten Importen und Exporten

Nachgestellte Kommas sind in benannten Importen und benannten Exporten gltig.

Benannte Importe

import {
  A,
  B,
  C,
} from "D";

import { X, Y, Z, } from "W";

import { A as B, C as D, E as F, } from "Z";

Benannte Exporte

export {
  A,
  B,
  C,
};

export { A, B, C, };

export { A as B, C as D, E as F, };

Nachgestellte Kommas bei dynamischen Importen

Nachgestellte Kommas sind nur in dynamischen Importen erlaubt, wenn der Laufzeit auch der zweite options-Parameter implementiert ist.

import("D",);
import(
  "D",
  { with: { type: "json" } },
);

Quantifier-Prfix

/x{2}/; // Exactly 2 occurrences of "x"; equivalent to /xx/
/x{2,}/; // At least 2 occurrences of "x"; equivalent to /xx+/
/x{2,4}/; // 2 to 4 occurrences of "x"; equivalent to /xxx?x?/

Spezifikationen

Browser-Kompatibilitt

Siehe auch

• Grammatik und Typen Leitfaden