@stylistic/js/

space-in-parens

Some style guides require or disallow spaces inside of parentheses:

foo( 'bar' );
var x = ( 1 + 2 ) * 3;

foo('bar');
var x = (1 + 2) * 3;

Rule Details

This rule will enforce consistent spacing directly inside of parentheses, by disallowing or requiring one or more spaces to the right of ( and to the left of ).

As long as you do not explicitly disallow empty parentheses using the "empty" exception , () will be allowed.

Options

There are two options for this rule:

• "never" (default) enforces zero spaces inside of parentheses
• "always" enforces a space inside of parentheses

Depending on your coding conventions, you can choose either option by specifying it in your configuration:

"space-in-parens": ["error", "always"]

"never"

Examples of incorrect code for this rule with the default "never" option:

/*eslint @stylistic/js/space-in-parens: ["error", "never"]*/

foo(
 
);

foo(
 
'bar');
foo('bar'
 
);
foo(
 
'bar'
 
);

foo(
 
/* bar */
 
);

var foo = (
 
1 + 2
 
) * 3;
(
 
function () { return 'bar'; }()
 
);

incorrect

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

/*eslint @stylistic/js/space-in-parens: ["error", "never"]*/

foo();

foo('bar');

foo(/* bar */);

var foo = (1 + 2) * 3;
(function () { return 'bar'; }());

correct

"always"

Examples of incorrect code for this rule with the "always" option:

/*eslint @stylistic/js/space-in-parens: ["error", "always"]*/

foo( 'bar'
)
;
foo
(
'bar' );
foo
(
'bar'
)
;

foo
(
/* bar */
)
;

var foo = 
(
1 + 2
)
 * 3;
(
function () { return 'bar'; }()
)
;

incorrect

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

/*eslint @stylistic/js/space-in-parens: ["error", "always"]*/

foo();
foo( );

foo( 'bar' );

foo( /* bar */ );

var foo = ( 1 + 2 ) * 3;
( function () { return 'bar'; }() );

correct

Exceptions

An object literal may be used as a third array item to specify exceptions, with the key "exceptions" and an array as the value. These exceptions work in the context of the first option. That is, if "always" is set to enforce spacing, then any "exception" will disallow spacing. Conversely, if "never" is set to disallow spacing, then any "exception" will enforce spacing.

Note that this rule only enforces spacing within parentheses; it does not check spacing within curly or square brackets, but will enforce or disallow spacing of those brackets if and only if they are adjacent to an opening or closing parenthesis.

The following exceptions are available: ["{}", "[]", "()", "empty"].

Empty Exception

Empty parens exception and behavior:

• always allows for both () and ( )
• never (default) requires ()
• always excepting empty requires ()
• never excepting empty requires ( ) (empty parens without a space is here forbidden)

Examples

Examples of incorrect code for this rule with the "never", { "exceptions": ["{}"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["{}"] }]*/

foo
(
{bar: 'baz'}
)
;
foo(1, {bar: 'baz'}
)
;

incorrect

Examples of correct code for this rule with the "never", { "exceptions": ["{}"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["{}"] }]*/

foo( {bar: 'baz'} );
foo(1, {bar: 'baz'} );

correct

Examples of incorrect code for this rule with the "always", { "exceptions": ["{}"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["{}"] }]*/

foo(
 
{bar: 'baz'}
 
);
foo( 1, {bar: 'baz'}
 
);

incorrect

Examples of correct code for this rule with the "always", { "exceptions": ["{}"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["{}"] }]*/

foo({bar: 'baz'});
foo( 1, {bar: 'baz'});

correct

Examples of incorrect code for this rule with the "never", { "exceptions": ["[]"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["[]"] }]*/

foo
(
[bar, baz]
)
;
foo
(
[bar, baz], 1);

incorrect

Examples of correct code for this rule with the "never", { "exceptions": ["[]"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["[]"] }]*/

foo( [bar, baz] );
foo( [bar, baz], 1);

correct

Examples of incorrect code for this rule with the "always", { "exceptions": ["[]"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["[]"] }]*/

foo(
 
[bar, baz]
 
);
foo(
 
[bar, baz], 1 );

incorrect

Examples of correct code for this rule with the "always", { "exceptions": ["[]"] } option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["[]"] }]*/

foo([bar, baz]);
foo([bar, baz], 1 );

correct

Examples of incorrect code for this rule with the "never", { "exceptions": ["()"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["()"] }]*/

foo
(
(1 + 2)
)
;
foo
(
(1 + 2), 1);
foo(bar()
)
;

incorrect

Examples of correct code for this rule with the "never", { "exceptions": ["()"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["()"] }]*/

foo( (1 + 2) );
foo( (1 + 2), 1);
foo(bar() );

correct

Examples of incorrect code for this rule with the "always", { "exceptions": ["()"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["()"] }]*/

foo(
 
( 1 + 2 )
 
);
foo(
 
( 1 + 2 ), 1 );

incorrect

Examples of correct code for this rule with the "always", { "exceptions": ["()"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["()"] }]*/

foo(( 1 + 2 ));
foo(( 1 + 2 ), 1 );

correct

The "empty" exception concerns empty parentheses, and works the same way as the other exceptions, inverting the first option.

Example of incorrect code for this rule with the "never", { "exceptions": ["empty"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["empty"] }]*/

foo
(
)
;

incorrect

Example of correct code for this rule with the "never", { "exceptions": ["empty"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "never", { "exceptions": ["empty"] }]*/

foo( );

correct

Example of incorrect code for this rule with the "always", { "exceptions": ["empty"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["empty"] }]*/

foo(
 
);

incorrect

Example of correct code for this rule with the "always", { "exceptions": ["empty"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["empty"] }]*/

foo();

correct

You can include multiple entries in the "exceptions" array.

Examples of incorrect code for this rule with the "always", { "exceptions": ["{}", "[]"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["{}", "[]"] }]*/

bar(
 
{bar:'baz'}
 
);
baz( 1, [1,2]
 
);
foo(
 
{bar: 'baz'}, [1, 2]
 
);

incorrect

Examples of correct code for this rule with the "always", { "exceptions": ["{}", "[]"] }] option:

/*eslint @stylistic/js/space-in-parens: ["error", "always", { "exceptions": ["{}", "[]"] }]*/

bar({bar:'baz'});
baz( 1, [1,2]);
foo({bar: 'baz'}, [1, 2]);

correct

When Not To Use It

You can turn this rule off if you are not concerned with the consistency of spacing between parentheses.