首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

arrow-body-style

--fix命令行上的选项可以自动修复一些被这条规则反映的问题。

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

规则细节

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

选项

规则需要一个或两个选项。首先是字符串,它可以是:

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

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

代码语言:javascript
复制
"arrow-body-style": ["error", "always"]

always

"always"规则的错误代码示例包含以下选项:

代码语言:javascript
复制
/*eslint arrow-body-style: ["error", "always"]*/
/*eslint-env es6*/
let foo = () => 0;

"always"规则的正确代码示例包含以下选项:

代码语言:javascript
复制
let foo = () => {
    return 0;
};
let foo = (retv, name) => {
    retv[name] = true;
    return retv;
};

as-needed

"as-needed"规则的默认错误代码示例"as-needed"

代码语言:javascript
复制
/*eslint arrow-body-style: ["error", "as-needed"]*/
/*eslint-env es6*/

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

具有默认选项的"as-needed"规则的正确代码示例:

代码语言:javascript
复制
/*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 }规则的错误代码示例包含以下选项:

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

{ "requireReturnForObjectLiteral": true }规则的正确代码示例包含以下选项:

代码语言:javascript
复制
/*eslint arrow-body-style: ["error", "as-needed", { "requireReturnForObjectLiteral": true }]*/
/*eslint-env es6*/

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

never

"never"规则的错误代码示例包含以下选项:

代码语言:javascript
复制
/*eslint arrow-body-style: ["error", "never"]*/
/*eslint-env es6*/

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

"never"规则的正确代码示例包含以下选项:

代码语言:javascript
复制
/*eslint arrow-body-style: ["error", "never"]*/
/*eslint-env es6*/

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

版本

该规则在ESLint 1.8.0中引入。

资源

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com