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 } 選項時，此規則的錯誤程式碼範例

在線上編輯器中開啟

/*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 中引入。

編輯此頁面