arrow-body-style

要求箭头函数体周围有括号

🔧

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

箭头函数有两种语法形式来定义它们的函数体。它们可以被定义为具有块主体（用大括号表示）() => { ... } 或者只有一个表达式 () => ...，其值隐式返回。

规则详情

此规则可以强制执行或禁止在箭头函数体周围使用大括号。

选项

该规则接受一个或两个选项。第一个是一个字符串，可以是

"always" 强制在函数体周围使用大括号
"as-needed" 强制在可以省略大括号的情况下不使用大括号（默认值）
"never" 强制在函数体周围不使用大括号（将箭头函数限制为返回表达式的作用）

第二个是一个对象，用于在第一个选项为 "as-needed" 时进行更细粒度的配置。目前，唯一可用的选项是 requireReturnForObjectLiteral，这是一个布尔属性。默认值为 false。如果设置为 true，则要求对象文字使用大括号并显式返回。

"arrow-body-style": ["error", "always"]
1

always

此规则使用 "always" 选项的不正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "always"]*/

let foo = () => 0;
1
2
3

此规则使用 "always" 选项的正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "always"]*/

let foo = () => {
    return 0;
};
let bar = (retv, name) => {
    retv[name] = true;
    return retv;
};
1
2
3
4
5
6
7
8
9

as-needed

此规则使用默认的 "as-needed" 选项的不正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "as-needed"]*/

let foo = () => {
    return 0;
};
let bar = () => {
    return {
       bar: {
            foo: 1,
            bar: 2,
        }
    };
};
1
2
3
4
5
6
7
8
9
10
11
12
13

此规则使用默认的 "as-needed" 选项的正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "as-needed"]*/

let foo1 = () => 0;
let foo2 = (retv, name) => {
    retv[name] = true;
    return retv;
};
let foo3 = () => ({
    bar: {
        foo: 1,
        bar: 2,
    }
});
let foo4 = () => { bar(); };
let foo5 = () => {};
let foo6 = () => { /* do nothing */ };
let foo7 = () => {
    // do nothing.
};
let foo8 = () => ({ bar: 0 });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

requireReturnForObjectLiteral

此选项仅适用于与 "as-needed" 选项结合使用时。

此规则使用 { "requireReturnForObjectLiteral": true } 选项的不正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "as-needed", { "requireReturnForObjectLiteral": true }]*/

let foo = () => ({});
let bar = () => ({ bar: 0 });
1
2
3
4

此规则使用 { "requireReturnForObjectLiteral": true } 选项的正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "as-needed", { "requireReturnForObjectLiteral": true }]*/

let foo = () => {};
let bar = () => { return { bar: 0 }; };
1
2
3
4

never

此规则使用 "never" 选项的不正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "never"]*/

let foo = () => {
    return 0;
};
let bar = (retv, name) => {
    retv[name] = true;
    return retv;
};
1
2
3
4
5
6
7
8
9

此规则使用 "never" 选项的正确代码示例

在游乐场中打开

/*eslint arrow-body-style: ["error", "never"]*/

let foo = () => 0;
let bar = () => ({ foo: 0 });
1
2
3
4

版本

此规则是在 ESLint v1.8.0 中引入的。

资源

编辑此页面