コンテンツへスキップ

@stylistic/

arrow-spacing

このルールは、アロー関数の矢印(`=>`)の前後のスペースのスタイルを標準化します。

js
/*eslint-env es6*/

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

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

ルール詳細

このルールは、`before`と`after`のプロパティを持つオブジェクト引数を取ります。それぞれブール値です。

デフォルトの設定は`{ "before": true, "after": true }`です。

`true`は**1つ以上のスペース**が必要であることを意味し、`false`は**スペースがない**ことを意味します。

デフォルトの`{ "before": true, "after": true }`オプションを使用したこのルールの**不正な**コードの例

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

(
)
=> {};
() =>
{
};
(a
)
=> {};
(a) =>
{
};
a =>
a
;
a
=> a;
(
)
=> {'\n'};
() =>
{
'\n'};
不正なコード

デフォルトの`{ "before": true, "after": true }`オプションを使用したこのルールの**正しい**コードの例

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

() => {};
(a) => {};
a => a;
() => {'\n'};
正しいコード

`{ "before": false, "after": false }`オプションを使用したこのルールの**不正な**コードの例

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

(
)
=>{};
(a
)
=>
{
};
()=>
{
'\n'};
不正なコード

`{ "before": false, "after": false }`オプションを使用したこのルールの**正しい**コードの例

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

()=>{};
(a)=>{};
()=>{'\n'};
正しいコード

`{ "before": false, "after": true }`オプションを使用したこのルールの**不正な**コードの例

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

(
)
=>
{
};
(a
)
=> {};
()=>
{
'\n'};
不正なコード

`{ "before": false, "after": true }`オプションを使用したこのルールの**正しい**コードの例

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

()=> {};
(a)=> {};
()=> {'\n'};
正しいコード

MITライセンスの下でリリースされています。