# 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 });