As vírgulas finais em matrizes e objetos fazem parte das especificações?

As vírgulas finais são padrão no JavaScript ou a maioria dos navegadores como o Chrome e o Firefox os toleram?

Eu pensei que eles eram padrão, mas o IE8 vomitou depois de encontrar um - é claro que o IE não suporta algo dificilmente significa que não é padrão.

Aqui está um exemplo do que quero dizer (após o último elemento da matriz de livros):

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(); }
};

Especificações: ECMAScript 5 e ECMAScript 3

Seção 11.1.5 na especificação ECMAScript 5:

ObjectLiteral :
    { }
    { PropertyNameAndValueList }
    { PropertyNameAndValueList , }

Então, sim, isso faz parte da especificação.

Atualização: Aparentemente, isso é novo no ES5. No ES3 (página 41), a definição era apenas:

ObjectLiteral :
    { }
    { PropertyNameAndValueList }

Para literais de matrizes ( Seção 11.1.4 ), é ainda mais interessante ( atualização: isso já existia no ES3):

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

(onde Elision_optestá Elision _opt , o que significa que o Elision é opcional)

Elision é definido como

Elision :
    ,
    Elision ,

Então, uma matriz literal como

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

é perfeitamente legal. Isso cria uma matriz com dois elementos, mas define o comprimento da matriz como 2 + 3 = 5.

Não espere muito do IE (antes do IE9) ...

Apenas um lembrete / aviso rápido de que essa é uma das áreas em que o padrão JavaScript / ECMAScript e JSON diferem; vírgulas finais são válidas em JS, mas não são válidas em JSON.

O que é ainda mais engraçado, o IE7 dá

[1,].length  --> 2

enquanto Firefox e Chrome

[1,].length  --> 1

Você pode encontrar a especificação para javascript (também conhecido como ECMA Script) aqui . Você pode encontrar a definição relevante para matrizes na página 63 e, como Felix observou, a definição do objeto algumas páginas mais tarde na página 65.

Embora essa especificação diga que é bom ter um rastro ,, não sei se isso seria verdade olhando para trás algumas versões. Como você notou, o IE8- se estraga se você deixar uma vírgula à direita, mas o Chrome e o FF lidam bem com isso.

Vamos quebrar isso.

As vírgulas finais são padrão em JavaScript?

Sim. A partir da especificação do ECMAScript 5 (também parte do guia de estilo do Google e Airbnb)

A maioria dos navegadores como o Chrome e o Firefox os tolera?

Esta é uma pergunta de suporte do ECMAScript 5.

Transpilers como Babel removerão a vírgula à direita adicional no código transpilado, o que significa que você não precisa se preocupar com o problema da vírgula à direita nos navegadores herdados.

Então, isso significa:

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

Então, é provável que, se você estiver usando qualquer coisa do ES5 ou superior, não precise se preocupar com isso.

Eu pensei que eles eram padrão, mas o IE8 vomitou depois de encontrar um - é claro que o IE não suporta algo dificilmente significa que não é padrão.

Novamente, essa é uma pergunta de suporte do ECMAScript 5. O IE8 não suporta ECMAScript 5 (apenas IE9 e superior)

Eu recomendo dar uma olhada na Documentação descontinuada ES5 do Airbnb https://github.com/airbnb/javascript/blob/es5-deprecated/es5/README.md#commas

Eu também recomendaria o Docs do Mozilla:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Trailing_commas

No Chrome 52:

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

Só não gosto de vírgulas. As pessoas costumam usá-los em projetos de código aberto para evitar apagar a linha escrita por outro commiter. Veja a mesma pergunta em Python: https://stackoverflow.com/a/11597911/968988