逗号间距

强制执行逗号前后一致的间距

此规则在 ESLint v8.53.0 中已弃用。请在 相应的规则 中使用 @stylistic/eslint-plugin-js。

逗号周围的间距可以提高项目列表的可读性。尽管大多数语言的样式指南都规定在逗号后添加空格，而在逗号前不添加空格，但这取决于项目的偏好。

var foo = 1, bar = 2;
var foo = 1 ,bar = 2;
1
2

规则详细信息

此规则在变量声明、数组文字、对象文字、函数参数和序列中强制执行逗号前后一致的间距。

此规则不适用于以下两种情况之一

• 两个逗号之间
• 左括号 [ 和逗号之间，以避免与 array-bracket-spacing 规则冲突
• 逗号和右括号 ] 之间，以避免与 array-bracket-spacing 规则冲突
• 逗号和右大括号 } 之间，以避免与 object-curly-spacing 规则冲突
• 逗号和右圆括号 ) 之间，以避免与 space-in-parens 规则冲突

选项

此规则具有一个对象选项

• "before": false（默认）不允许在逗号之前使用空格
• "before": true 要求在逗号之前使用一个或多个空格
• "after": true（默认）要求在逗号之后使用一个或多个空格
• "after": false 不允许在逗号之后使用空格

after

使用默认 { "before": false, "after": true } 选项时，此规则的错误代码示例

/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/

var foo = 1 ,bar = 2;
var arr = [1 , 2];
var obj = {"foo": "bar" ,"baz": "qur"};
foo(a ,b);
new Foo(a ,b);
function baz(a ,b){}
a ,b
1
2
3
4
5
6
7
8
9

使用默认 { "before": false, "after": true } 选项时，此规则的正确代码示例

/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/

var foo = 1, bar = 2
    , baz = 3;
var arr = [1, 2];
var arr = [1,, 3]
var obj = {"foo": "bar", "baz": "qur"};
foo(a, b);
new Foo(a, b);
function qur(a, b){}
a, b
1
2
3
4
5
6
7
8
9
10
11

使用默认 { "before": false, "after": true } 选项时，此规则的正确代码示例

/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/

// this rule does not enforce spacing between two commas
var arr = [
    ,,
    , ,
];

// this rule does not enforce spacing after `[` and before `]`
var arr = [,];
var arr = [ , ];
var arr = [a, b,];
[,] = arr;
[ , ] = arr;
[a, b,] = arr;

// this rule does not enforce spacing before `}`
var obj = {x, y,};
var {z, q,} = obj;
import {foo, bar,} from "mod";

// this rule does not enforce spacing before `)`
foo(a, b,)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

before

使用 { "before": true, "after": false } 选项时，此规则的错误代码示例

/*eslint comma-spacing: ["error", { "before": true, "after": false }]*/

var foo = 1, bar = 2;
var arr = [1 , 2];
var obj = {"foo": "bar", "baz": "qur"};
new Foo(a,b);
function baz(a,b){}
a, b
1
2
3
4
5
6
7
8

使用 { "before": true, "after": false } 选项时，此规则的正确代码示例

/*eslint comma-spacing: ["error", { "before": true, "after": false }]*/

var foo = 1 ,bar = 2 ,
    baz = true;
var arr = [1 ,2];
var arr = [1 ,,3]
var obj = {"foo": "bar" ,"baz": "qur"};
foo(a ,b);
new Foo(a ,b);
function qur(a ,b){}
a ,b
1
2
3
4
5
6
7
8
9
10
11

何时不使用它

如果您的项目不会遵循一致的逗号间距模式，请关闭此规则。

相关规则

• 数组括号间距
• 逗号样式
• 对象大括号间距
• 括号间距
• 圆括号间距
• 中缀运算符间距
• 关键字后空格
• 一元运算符间距
• return、throw、case 后空格

版本

此规则在 ESLint v0.9.0 中引入。

进一步阅读

JavaScript 编程语言代码约定
www.crockford.com

Dojo 样式指南 - Dojo Toolkit - 参考指南
dojotoolkit.org

资源

• 规则源代码
• 测试源代码