prefer-arrow-callback

需要使用箭头函数进行回调

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

箭头函数可以成为回调或函数参数的函数表达式的有吸引力的替代方案。

例如，箭头函数会自动绑定到它们周围的范围/上下文。这为显式绑定函数表达式的 ES6 之前的标准提供了一种替代方法，以实现类似的行为。

此外，箭头函数是：

• 不那么冗长，更容易推理。

• 无论何时何地调用它们，都以词法方式绑定。

规则详情

此规则定位用作回调或函数参数的函数表达式。任何可以被箭头函数替换而不改变结果的东西都会产生错误。

以下示例将被标记：

/* eslint prefer-arrow-callback: "error" */

foo(function(a) { return a; }); // ERROR
// prefer: foo(a => a)

foo(function() { return this.a; }.bind(this)); // ERROR
// prefer: foo(() => this.a)

箭头函数不会产生相同结果的实例将被忽略。

以下示例将不会被标记：

/* eslint prefer-arrow-callback: "error" */
/* eslint-env es6 */

// arrow function callback
foo(a => a); // OK

// generator as callback
foo(function*() { yield; }); // OK

// function expression not used as callback or function argument
var foo = function foo(a) { return a; }; // OK

// unbound function expression callback
foo(function() { return this.a; }); // OK

// recursive named function callback
foo(function bar(n) { return n && n + bar(n - 1); }); // OK

选项

通过选项对象进一步控制此规则的行为。

默认值：{ allowNamedFunctions: false, allowUnboundThis: true }

allowNamedFunctions

默认情况下 { "allowNamedFunctions": false }，此 boolean 选项禁止使用命名函数作为回调或函数参数。

将此值更改为 true 将通过允许无限制地使用命名函数来反转此选项的行为。

{ "allowNamedFunctions": true } 不会标记以下示例：

/* eslint prefer-arrow-callback: [ "error", { "allowNamedFunctions": true } ] */

foo(function bar() {});

allowUnboundThis

默认情况下 { "allowUnboundThis": true }，这个 boolean 选项允许包含 this 的函数表达式用作回调，只要有问题的函数没有被显式绑定。

当设置为 false 时，此选项完全禁止将函数表达式用作回调或函数参数，无一例外。

{ "allowUnboundThis": false } 将标记以下示例：

/* eslint prefer-arrow-callback: [ "error", { "allowUnboundThis": false } ] */
/* eslint-env es6 */

foo(function() { this.a; });

foo(function() { (() => this); });

someArray.map(function(item) { return this.doSomething(item); }, someObject);

何时不使用

• 在尚未采用 ES6 语言特性 (ES3/5) 的环境中。

• 在描述回调或函数参数时允许使用函数表达式的 ES6+ 环境中。