Les virgules de fin dans les tableaux et les objets font-elles partie de la spécification?

Les virgules de fin sont-elles standard en JavaScript, ou la plupart des navigateurs comme Chrome et Firefox les tolèrent-ils simplement?

Je pensais qu'ils étaient standard, mais IE8 a vomi après en avoir rencontré un - bien sûr, IE ne supportant pas quelque chose signifie à peine que ce n'est pas standard.

Voici un exemple de ce que je veux dire (après le dernier élément du tableau livres):

var viewModel = {
    books: ko.observableArray([
        { title: "..", display: function() { return ".."; } },
        { title: "..", display: function() { return ".."; } },
        { title: "..", display: function() { return ".."; } }, // <--right there
    ]),
    currentTemplate: ko.observable("bookTemplate1"),
    displayTemplate: function() { return viewModel.currentTemplate(); }
};

Spécifications: ECMAScript 5 et ECMAScript 3

Section 11.1.5 de la spécification ECMAScript 5:

ObjectLiteral :
    { }
    { PropertyNameAndValueList }
    { PropertyNameAndValueList , }

Alors oui, cela fait partie de la spécification.

Mise à jour: Apparemment, c'est nouveau dans ES5. Dans ES3 (page 41), la définition était juste:

ObjectLiteral :
    { }
    { PropertyNameAndValueList }

Pour les tableaux littéraux ( Section 11.1.4 ), c'est encore plus intéressant ( Mise à jour: cela existait déjà dans ES3):

ArrayLiteral :
    [ Elisionopt ]
    [ ElementList ]
    [ ElementList , Elision_opt ]

(où Elision_optest Elision _opt , ce qui signifie que l'Elision est facultative)

Elision est défini comme

Elision :
    ,
    Elision ,

Ainsi, un tableau littéral comme

var arr = [1,2,,,,];

est parfaitement légal. Cela crée un tableau avec deux éléments mais définit la longueur du tableau sur 2 + 3 = 5.

N'attendez pas trop d'IE (avant IE9) ...

Juste un petit rappel / avertissement que c'est l'un des domaines dans lesquels la norme JavaScript / ECMAScript et la norme JSON diffèrent; les virgules de fin sont valides dans JS mais pas valides dans JSON.

Ce qui est encore plus drôle, IE7 donne

[1,].length  --> 2

tandis que Firefox et Chrome

[1,].length  --> 1

Vous pouvez trouver les spécifications pour javascript (aka ECMA Script) ici . Vous pouvez trouver la définition appropriée pour les tableaux à la page 63 et comme Felix l'a noté, la définition d'objet quelques pages plus loin à la page 65.

Bien que cette spécification indique qu'il est correct d'avoir une fin, ,je ne sais pas si ce serait vrai en regardant en arrière quelques versions. Comme vous l'avez remarqué, IE8 se gâtera si vous laissez une virgule de fin, mais Chrome et FF le gèrent bien.

Décomposons cela.

Les virgules de fin sont-elles standard en JavaScript?

Oui. À partir de la spécification ECMAScript 5 (également incluse dans le guide de style Google et Airbnb)

La plupart des navigateurs comme Chrome et Firefox les tolèrent-ils?

Il s'agit d'une question de support ECMAScript 5.

Des transcripteurs comme Babel supprimeront la virgule de fin supplémentaire dans le code transpilé, ce qui signifie que vous n'avez pas à vous soucier du problème de virgule de fin dans les navigateurs hérités.

Donc ça signifie:

var heroes = [
  'Batman',
  'Superman',
];
// heroes.length === 2 (not 3)

Donc, il y a des chances que si vous utilisez quelque chose d'ES5 et plus, vous n'avez pas à vous en soucier.

Je pensais qu'ils étaient standard, mais IE8 a vomi après en avoir rencontré un - bien sûr, IE ne supportant pas quelque chose signifie à peine que ce n'est pas standard.

Encore une fois, c'est une question de support ECMAScript 5. IE8 ne prend pas en charge ECMAScript 5 (uniquement IE9 et versions ultérieures)

Je recommande fortement de jeter un œil à la documentation obsolète ES5 d'Airbnb https://github.com/airbnb/javascript/blob/es5-deprecated/es5/README.md#commas

Je recommanderais également les documents de Mozilla:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Trailing_commas

Sur Chrome 52:

[1,].length --> 1
[1,2,].length --> 2
[].length --> 0 
[,].length --> 1    <<<<=== OUHHHHH !!!!

Je n'aime tout simplement pas les virgules de fin. Les gens les utilisent généralement dans des projets Open Source pour éviter d'effacer la ligne écrite par un autre commiter. Voir la même question en Python: https://stackoverflow.com/a/11597911/968988