跳至内容

@stylistic/js/

arrow-spacing

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

js
/*eslint-env es6*/

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

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

规则详情

此规则接受一个包含 beforeafter 属性的对象参数,每个属性都具有布尔值。

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

true 表示应该有**一个或多个空格**,而 false 表示**没有空格**。

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

js
/*eslint @stylistic/js/arrow-spacing: "error"*/
/*eslint-env es6*/

(
)
=> {};
() =>
{
};
(a
)
=> {};
(a) =>
{
};
a =>
a
;
a
=> a;
(
)
=> {'\n'};
() =>
{
'\n'};
错误

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

js
/*eslint @stylistic/js/arrow-spacing: "error"*/
/*eslint-env es6*/

() => {};
(a) => {};
a => a;
() => {'\n'};
正确

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

js
/*eslint @stylistic/js/arrow-spacing: ["error", { "before": false, "after": false }]*/
/*eslint-env es6*/

(
)
=>{};
(a
)
=>
{
};
()=>
{
'\n'};
错误

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

js
/*eslint @stylistic/js/arrow-spacing: ["error", { "before": false, "after": false }]*/
/*eslint-env es6*/

()=>{};
(a)=>{};
()=>{'\n'};
正确

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

js
/*eslint @stylistic/js/arrow-spacing: ["error", { "before": false, "after": true }]*/
/*eslint-env es6*/

(
)
=>
{
};
(a
)
=> {};
()=>
{
'\n'};
错误

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

js
/*eslint @stylistic/js/arrow-spacing: ["error", { "before": false, "after": true }]*/
/*eslint-env es6*/

()=> {};
(a)=> {};
()=> {'\n'};
正确