Vírgulas finais em matrizes e objetos: padrão ou tolerado?

A presença de vírgulas finais em matrizes e objetos gerou algum debate sobre sua padronização em JavaScript. Esta questão decorre do comportamento inconsistente observado em diferentes navegadores, particularmente versões mais antigas do Internet Explorer.

Status de especificação

De acordo com a especificação ECMAScript 5 (Seção 11.1.5 ), vírgulas finais são explicitamente permitidas em literais de objeto:

ObjectLiteral :
    { }
    { PropertyNameAndValueList }
    { PropertyNameAndValueList , }

Portanto, vírgulas finais em literais de objetos fazem parte da especificação JavaScript oficial.

ES3 vs. ES5

Curiosamente, finais vírgulas em literais de objetos não faziam parte da especificação ECMAScript 3. No entanto, eles foram introduzidos no ECMAScript 5 como um recurso opcional.

Arrays and Trailing Commas

A especificação ECMAScript 5 (Seção 11.1.4) também permite finais literais de matriz:

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

"Elision" refere-se a uma vírgula sem elemento associado, o que significa que matrizes podem conter elementos vazios. Portanto, um array como [1,2,,,,] é JavaScript válido, criando um array com dois elementos, mas com comprimento de cinco.

Compatibilidade do navegador

Embora as vírgulas finais façam parte da especificação JavaScript, o suporte do navegador tem variado ao longo do tempo. Navegadores mais antigos como o IE8 podem ter encontrado problemas com vírgulas finais, mas navegadores modernos como Chrome e Firefox os suportam totalmente.

Concluindo, vírgulas finais em matrizes e objetos fazem parte da especificação ECMAScript, tanto no ES5 quanto em versões posteriores versões. Esse recurso fornece flexibilidade na legibilidade e manutenção do código e é amplamente suportado por navegadores modernos.