---
url: /docs/guide/usage/linter/rules/eslint/prefer-arrow-callback.md
---

### What it does

Requires using arrow functions for callbacks.

### Why is this bad?

Arrow functions are generally better suited for callbacks because they:

* inherit `this` from the surrounding scope, avoiding a common source of bugs;
* are shorter and easier to read;
* cannot be used as constructors, which is desirable for callbacks.

### Examples

Examples of **incorrect** code for this rule:

```js
foo(function (a) {
  return a;
});
foo(
  function () {
    return this.a;
  }.bind(this),
);
```

Examples of **correct** code for this rule:

```js
foo((a) => a);
foo(function* () {
  yield;
});
foo(function () {
  this;
});
foo(function bar() {
  bar();
});
```

## Configuration

### allowNamedFunctions

type: `boolean`

default: `false`

If this option is set to `true`, named function expressions are allowed.

### allowUnboundThis

type: `boolean`

default: `true`

If this option is set to `false`, function expressions that reference `this` are reported even when they are not bound to a `this` value.

## How to use

## Version

This rule was added in v1.65.0.

## References