数组和对象中的尾随逗号是规范的一部分吗？

Question

是 JavaScript 中的尾随逗号标准，还是大多数浏览器（如 Chrome 和 Firefox）都容忍它们？

我以为它们是标准的，但 IE8 在遇到一个后就吐了——当然 IE 不支持某些东西几乎不代表它不标准。

这是我的意思的一个例子（在书籍数组的最后一个元素之后）：

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

Answer 1

规格：ECMAScript 5 和 ECMAScript 3

---

ECMAScript 5 规范中的Section 11.1.5：

ObjectLiteral :
    { }
    { PropertyNameAndValueList }
    { PropertyNameAndValueList , }

所以是的，它是规范的一部分。

更新：显然这是 ES5 中的新功能。在 ES3（第 41 页）中，定义只是：

ObjectLiteral :
    { }
    { PropertyNameAndValueList }

---

对于数组字面量 (Section 11.1.4)，它更有趣（更新： 这在 ES3 中已经存在）：

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

（其中Elision_opt 是省略号_opt，表示省略号是可选的）

Elision 定义为

Elision :
    ,
    Elision ,

所以，像

这样的数组字面量

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

完全合法。这将创建一个包含两个元素的数组，但将数组长度设置为 2 + 3 = 5。

不要对 IE 期望太高（IE9 之前）...

Answer 2

只是快速提醒/警告，这是JavaScript/ECMAScript standard 和JSON standard 不同的领域之一；尾随逗号在 JS 中是 有效，但在 JSON 中是 无效。

Answer 3

IE7 更有趣的是

[1,].length  --> 2

Firefox 和 Chrome

[1,].length  --> 1

Answer 4

您可以找到 javascript（又名 ECMA 脚本）here 的规范。您可以在第 63 页找到数组的相关定义，正如 Felix 所指出的，在第 65 页几页之后的对象定义。

虽然这个规范说有一个尾随, 很好，但我不知道回顾几个版本是否是真的。正如您所指出的，如果您留下逗号结尾，IE8- 会自行处理，但 Chrome 和 FF 处理得很好。

Answer 5

让我们分解一下。

JavaScript 中的尾随逗号是标准的吗？

是的。从 ECMAScript 5 规范开始（也是 Google 和 Airbnb 风格指南的一部分）

大多数浏览器（如 Chrome 和 Firefox）都只能容忍它们吗？

这是一个 ECMAScript 5 支持问题。

像 Babel 这样的转译器会移除转译代码中额外的尾随逗号，这意味着您不必担心旧版浏览器中的尾随逗号问题。

也就是说：

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

因此，如果您使用的是 ES5 及更高版本，则很有可能无需担心。

我以为它们是标准的，但 IE8 在遇到一个后就吐了——当然 IE 不支持某些东西几乎不代表它不标准。

再次，这是一个 ECMAScript 5 支持问题。 IE8 不支持 ECMAScript 5（仅限 IE9 及更高版本）

我强烈建议您查看 Airbnb 的 ES5 deprecated Documentation https://github.com/airbnb/javascript/blob/es5-deprecated/es5/README.md#commas

我还推荐 Mozilla 的文档：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Trailing_commas

Answer 6

在 Chrome 52 上：

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

我只是不喜欢尾随逗号。人们通常在开源项目中使用它们，以避免擦除另一个提交者编写的行。在 Python 中查看相同的问题：https://stackoverflow.com/a/11597911/968988