arrow-spacing

强制箭头函数中箭头前后空格的一致性

🔧

此规则报告的一些问题可以通过 --fix 命令行选项自动修复

重要提示

此规则在 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 } 选项的错误代码示例

在 Playground 中打开

/*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 } 选项的正确代码示例

在 Playground 中打开

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

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

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

在 Playground 中打开

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

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

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

在 Playground 中打开

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

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

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

在 Playground 中打开

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

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

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

在 Playground 中打开

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

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

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

编辑此页