@stylistic/js/

arrow-spacing

This rule normalize style of spacing before/after an arrow function's arrow(=>).

/*eslint-env es6*/

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

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

Rule Details

This rule takes an object argument with before and after properties, each with a Boolean value.

The default configuration is { "before": true, "after": true }.

true means there should be one or more spaces and false means no spaces.

Examples of incorrect code for this rule with the default { "before": true, "after": true } option:

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

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

incorrect

Examples of correct code for this rule with the default { "before": true, "after": true } option:

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

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

correct

Examples of incorrect code for this rule with the { "before": false, "after": false } option:

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

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

incorrect

Examples of correct code for this rule with the { "before": false, "after": false } option:

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

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

correct

Examples of incorrect code for this rule with the { "before": false, "after": true } option:

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

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

incorrect

Examples of correct code for this rule with the { "before": false, "after": true } option:

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

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

correct