末尾的逗号

trailing commas

早期的 JavaScript 运行环境大都不支持末尾多出来的逗号，或者会抛出异常，或者不符合期望。

比如：

1var obj = {
2  a: 0, // 抛出异常。
3};
4
5var arr = [
6  0, // arr.length === 2
7];

由于不支持尾逗号，我们以前写代码都需要手动去除尾逗号（工具最多提示你这里多了个逗号）。因此我们增加、删除一个属性、数组项时，总是需要担心相邻项的逗号问题。

比如增加一项：

如果被增加项是列表的最后一项，则需要给前一项（原最后一项）添加一个逗号，但被添加项本身不添加逗号。
- 新增一项本来并不需要修改前一项，但是在非尾逗号情况下则必须做这个无本质意义的修改。
- 这很麻烦，也很容易导致错误。
- 实际你只是增加了一项，但你在 diff 中会看到又是删除项，又是增加项。review 时你就需要关注这些无谓的变更。
如果被添加项不是列表的最后一项，则被添加项要加上逗号。

1var obj = {
2-  a: 0
3+  a: 0,
4+  b: 1
5 };
6
7 var arr = [
8-  0
9+  0,
10+  1
11 ];

删除一项也是：

1var obj = {
2-  a: 0,
3-  b: 1
4+  a: 0
5 };
6
7 var arr = [
8-  0,
9-  1
10+  0
11 ];

值得高兴的是，现在的 JavaScript 运行环境、预编译工具、语法检查工具都支持了尾逗号。一旦我们统一使用尾逗号风格：

新增一项：

1var obj = {
2   a: 0,
3+  b: 1,
4 };
5
6 var arr = [
7   0,
8+  1,
9 ];

删除一项：

1var obj = {
2   a: 0,
3-  b: 1,
4 };
5
6 var arr = [
7   0,
8-  1,
9 ];

另外也有些语言是不需要逗号的，每一项都不需要。比如 Markdown 的列表，yml，yaml， xml，html 等。

全要逗号，或者全不要逗号，他们的共同点就是一致性。这种一致性让书写和阅读都非常简洁清晰。可维护性也更好。

你觉得呢？

Tags: Code, Style

Published on 2015-08-10

末尾的逗号#