arrow-spacing

强制在箭头函数中的箭头前后使用一致的空格

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

此规则规范化箭头函数箭头 (=>) 前后空格的样式。

// { "before": true, "after": true }
(a) => {}

// { "before": false, "after": false }
(a)=>{}
1
2
3
4
5

规则详情

此规则接受一个带有 before 和 after 属性的对象参数，每个属性都具有布尔值。

默认配置为 { "before": true, "after": true }。

true 表示应该有一个或多个空格，false 表示没有空格。

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

/*eslint arrow-spacing: "error"*/

()=> {};
() =>{};
(a)=> {};
(a) =>{};
a =>a;
a=> a;
()=> {'\n'};
() =>{'\n'};
1
2
3
4
5
6
7
8
9
10

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

/*eslint arrow-spacing: "error"*/

() => {};
(a) => {};
a => a;
() => {'\n'};
1
2
3
4
5
6

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

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

() =>{};
(a) => {};
()=> {'\n'};
1
2
3
4
5

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

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

()=>{};
(a)=>{};
()=>{'\n'};
1
2
3
4
5

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

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

() =>{};
(a) => {};
()=>{'\n'};
1
2
3
4
5

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

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

()=> {};
(a)=> {};
()=> {'\n'};
1
2
3
4
5

版本

此规则是在 ESLint v1.0.0-rc-1 中引入的。

资源

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