generator-star-spacing

Enforce consistent spacing around * operators in generator functions

This rule was deprecated in ESLint v8.53.0. Please use the corresponding rule in @stylistic/eslint-plugin-js.

Generators are a new type of function in ECMAScript 6 that can return multiple values over time. These special functions are indicated by placing an * after the function keyword.

Here is an example of a generator function:

function* generator() {
    yield "44";
    yield "55";
}
1
2
3
4

This is also valid:

function *generator() {
    yield "44";
    yield "55";
}
1
2
3
4

This is valid as well:

function * generator() {
    yield "44";
    yield "55";
}
1
2
3
4

To keep a sense of consistency when using generators this rule enforces a single position for the *.

Rule Details

This rule aims to enforce spacing around the * of generator functions.

Options

The rule takes one option, an object, which has two keys "before" and "after" having boolean values true or false.

• "before" enforces spacing between the * and the function keyword. If it is true, a space is required, otherwise spaces are disallowed.

  In object literal shorthand methods, spacing before the * is not checked, as they lack a function keyword.

• "after" enforces spacing between the * and the function name (or the opening parenthesis for anonymous generator functions). If it is true, a space is required, otherwise spaces are disallowed.

The default is {"before": true, "after": false}.

An example configuration:

"generator-star-spacing": ["error", {"before": true, "after": false}]
1

And the option has shorthand as a string keyword:

• {"before": true, "after": false} → "before"
• {"before": false, "after": true} → "after"
• {"before": true, "after": true} → "both"
• {"before": false, "after": false} → "neither"

An example of shorthand configuration:

"generator-star-spacing": ["error", "after"]
1

Additionally, this rule allows further configurability via overrides per function type.

• named provides overrides for named functions
• anonymous provides overrides for anonymous functions
• method provides overrides for class methods or property function shorthand

An example of a configuration with overrides:

"generator-star-spacing": ["error", {
    "before": false,
    "after": true,
    "anonymous": "neither",
    "method": {"before": true, "after": true}
}]
1
2
3
4
5
6

In the example configuration above, the top level "before" and "after" options define the default behavior of the rule, while the "anonymous" and "method" options override the default behavior. Overrides can be either an object with "before" and "after", or a shorthand string as above.

Examples

before

Examples of correct code for this rule with the "before" option:

/*eslint generator-star-spacing: ["error", {"before": true, "after": false}]*/

function *generator() {}

var anonymous = function *() {};

var shorthand = { *generator() {} };
1
2
3
4
5
6
7

after

Examples of correct code for this rule with the "after" option:

/*eslint generator-star-spacing: ["error", {"before": false, "after": true}]*/

function* generator() {}

var anonymous = function* () {};

var shorthand = { * generator() {} };
1
2
3
4
5
6
7

both

Examples of correct code for this rule with the "both" option:

/*eslint generator-star-spacing: ["error", {"before": true, "after": true}]*/

function * generator() {}

var anonymous = function * () {};

var shorthand = { * generator() {} };
1
2
3
4
5
6
7

neither

Examples of correct code for this rule with the "neither" option:

/*eslint generator-star-spacing: ["error", {"before": false, "after": false}]*/

function*generator() {}

var anonymous = function*() {};

var shorthand = { *generator() {} };
1
2
3
4
5
6
7

Examples of incorrect code for this rule with overrides present:

/*eslint generator-star-spacing: ["error", {
    "before": false,
    "after": true,
    "anonymous": "neither",
    "method": {"before": true, "after": true}
}]*/

function * generator() {}

var anonymous = function* () {};

var shorthand = { *generator() {} };

class Class { static* method() {} }
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Examples of correct code for this rule with overrides present:

/*eslint generator-star-spacing: ["error", {
    "before": false,
    "after": true,
    "anonymous": "neither",
    "method": {"before": true, "after": true}
}]*/

function* generator() {}

var anonymous = function*() {};

var shorthand = { * generator() {} };

class Class { static * method() {} }
1
2
3
4
5
6
7
8
9
10
11
12
13
14

When Not To Use It

If your project will not be using generators or you are not concerned with spacing consistency, you do not need this rule.

Version

This rule was introduced in ESLint v0.17.0.

Further Reading

Read Understanding ECMAScript 6 | Leanpub
leanpub.com

Resources

• Rule source
• Tests source