# arrow-body-style

箭头函数体周围需要大括号

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

箭头函数的函数体有两种语法形式。它们可以用块体(用大括号表示)() => { ... } 或用单个表达式 () => ... 定义,其值被隐式返回。

# 规则详情

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

# 选项

该规则有一个或两个选项。第一个是字符串,可以是:

  • "always" 在函数体周围强制使用大括号
  • "as-needed" 不强制使用可以省略的大括号(默认)
  • "never" 在函数体周围不强制使用大括号(将箭头函数限制为返回表达式的角色)

当第一个选项为 "as-needed" 时,第二个是用于更细粒度配置的对象。目前,唯一可用的选项是 requireReturnForObjectLiteral,一个布尔属性。默认为 false。如果设置为 true,它需要大括号和对象字面量的显式返回。

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

# always

此规则使用 "always" 选项的错误代码示例:

/*eslint arrow-body-style: ["error", "always"]*/
/*eslint-env es6*/
let foo = () => 0;

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

let foo = () => {
    return 0;
};
let foo = (retv, name) => {
    retv[name] = true;
    return retv;
};

# as-needed

此规则使用默认 "as-needed" 选项的错误代码示例:

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

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

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

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

let foo = () => 0;
let foo = (retv, name) => {
    retv[name] = true;
    return retv;
};
let foo = () => ({
    bar: {
        foo: 1,
        bar: 2,
    }
});
let foo = () => { bar(); };
let foo = () => {};
let foo = () => { /* do nothing */ };
let foo = () => {
    // do nothing.
};
let foo = () => ({ bar: 0 });

# requireReturnForObjectLiteral

此选项仅在与 "as-needed" 选项一起使用时适用。

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

/*eslint arrow-body-style: ["error", "as-needed", { "requireReturnForObjectLiteral": true }]*/
/*eslint-env es6*/
let foo = () => ({});
let foo = () => ({ bar: 0 });

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

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

let foo = () => {};
let foo = () => { return { bar: 0 }; };

# never

此规则使用 "never" 选项的错误代码示例:

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

let foo = () => {
    return 0;
};
let foo = (retv, name) => {
    retv[name] = true;
    return retv;
};

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

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

let foo = () => 0;
let foo = () => ({ foo: 0 });
Last Updated: 5/13/2023, 8:55:38 PM