eslint 中只有箭头函数吗？

Question

I prefer this:

const foo = x => x + 1;

to this:

function foo(x) {
  return x + 1;
}

Is there an eslint rule to enforce this?

Answer 1

您可以使用此 ESLint首选箭头回调规则，该规则将在任何可以使用箭头函数而不是函数表达式的地方标记错误/警告

Answer 2

Anser based on @JohannesEwald comment and @KevinAmiranoff answer.

I'm using the following rules:

https://www.npmjs.com/package/eslint-plugin-prefer-arrow

https://eslint.org/docs/rules/prefer-arrow-callback

https://eslint.org/docs/rules/func-style

npm install -D eslint-plugin-prefer-arrow

.eslintrc or package.json with eslintConfig :

"plugins": [
  "prefer-arrow"
],
"rules": {
  "prefer-arrow/prefer-arrow-functions": [
    "error",
    {
      "disallowPrototype": true,
      "singleReturnOnly": false,
      "classPropertiesAllowed": false
    }
  ],
  "prefer-arrow-callback": [
    "error",
    { "allowNamedFunctions": true }
  ],
  "func-style": [
    "error",
    "expression",
    { "allowArrowFunctions": true }
  ]
}

I think this works really well. If you need to disable the rules for a specific line I do it like this:

// eslint-disable-next-line func-style, prefer-arrow/prefer-arrow-functions