Skip to content

@stylistic/js/

multiline-comment-style

Many style guides require a particular style for comments that span multiple lines. For example, some style guides prefer the use of a single block comment for multiline comments, whereas other style guides prefer consecutive line comments.

Rule Details

This rule aims to enforce a particular style for multiline comments.

Options

This rule has a string option, which can have one of the following values:

  • "starred-block" (default): Disallows consecutive line comments in favor of block comments. Additionally, requires block comments to have an aligned * character before each line.
  • "bare-block": Disallows consecutive line comments in favor of block comments, and disallows block comments from having a "*" character before each line. This option ignores JSDoc comments.
  • "separate-lines": Disallows block comments in favor of consecutive line comments. By default, this option ignores JSDoc comments. To also apply this rule to JSDoc comments, set the checkJSDoc option to true.

The rule always ignores directive comments such as /* eslint-disable */.

Examples of incorrect code for this rule with the default "starred-block" option:

js

/* eslint @stylistic/js/multiline-comment-style: ["error", "starred-block"] */

// this line
// calls foo() foo();
/*
this line
calls foo() */
foo();
/*
this comment
* is missing a newline after /* */ /* * this comment * is missing a newline at the end
*/
/*
* the star in this line should have a space before it
*/ /* * the star on the following line should have a space before it
*/
incorrect

Examples of correct code for this rule with the default "starred-block" option:

js
/* eslint @stylistic/js/multiline-comment-style: ["error", "starred-block"] */

/*
 * this line
 * calls foo()
 */
foo();

// single-line comment
correct

Examples of incorrect code for this rule with the "bare-block" option:

js
/* eslint @stylistic/js/multiline-comment-style: ["error", "bare-block"] */

// this line
// calls foo() foo();
/*
* this line * calls foo() */ foo();
incorrect

Examples of correct code for this rule with the "bare-block" option:

js
/* eslint @stylistic/js/multiline-comment-style: ["error", "bare-block"] */

/* this line
   calls foo() */
foo();
correct

Examples of incorrect code for this rule with the "separate-lines" option:

js

/* eslint @stylistic/js/multiline-comment-style: ["error", "separate-lines"] */

/*
This line
calls foo() */ foo();
/*
* This line * calls foo() */ foo();
incorrect

Examples of correct code for this rule with the "separate-lines" option:

js
/* eslint @stylistic/js/multiline-comment-style: ["error", "separate-lines"] */

// This line
// calls foo()
foo();
correct

Examples of incorrect code for this rule with the "separate-lines" option and checkJSDoc set to true:

js

/* eslint @stylistic/js/multiline-comment-style: ["error", "separate-lines", { "checkJSDoc": true }] */

/*
*
* I am a JSDoc comment * and I'm not allowed */ foo();
incorrect

Examples of correct code for this rule with the "separate-lines" option and checkJSDoc set to true:

js
/* eslint @stylistic/js/multiline-comment-style: ["error", "separate-lines", { "checkJSDoc": true }] */

// I am a JSDoc comment
// and I'm not allowed
foo();
correct

When Not To Use It

If you don't want to enforce a particular style for multiline comments, you can disable the rule.

Released under the MIT License.