Require parens in arrow function arguments (arrow-parens)

先来看一个 eslint 报错信息：

error: Expected parentheses around arrow function argument (arrow-parens) at src/router/index.ts:12:16:
  10 | ]
  11 |
> 12 | routes.forEach(route => {
     |                ^
  13 |   if (!route.meta) {
  14 |     route.meta = {}
  15 |   }

arrow-parens 规则

箭头函数的参数必须用圆括号扩起来

/*eslint-env es6*/

// Bad
a => {}

// Good
(a) => {}

Options

This rule has a string option and an object one.

String options are:

"always" (default) requires parens around arguments in all cases. "as-needed" enforces no parens where they can be omitted. Object properties for variants of the "as-needed" option:

"requireForBlockBody": true modifies the as-needed rule in order to require parens if the function body is in an instructions block (surrounded by braces).

假如我想把这个规则禁掉，可以这样配置

// .eslintrc.js
module.exports = {
  rules: {
    'arrow-parens': 0
  },
};

本文地址：https://www.tides.cn/p_eslint-arrow-parens