Eslint
规则 | Rules

prefer-arrow-callback

要求使用箭头函数进行回调(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(itm) { return this.doSomething(itm }, someObject

何时不使用它

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

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

进一步阅读