跳至内容

@stylistic/js/

space-unary-ops

一些风格指南要求或禁止在一元运算符之前或之后使用空格。这主要是一个风格问题,但是,一些 JavaScript 表达式可以在没有空格的情况下编写,这使得它们更难阅读和维护。

规则详情

此规则强制执行关于words 一元运算符之后和nonwords 一元运算符之后/之前的空格的一致性。

对于words 运算符,此规则仅在空格在语法上不是必需时才适用。例如,delete obj.foo 需要空格,并且不会被此规则考虑。等效的delete(obj.foo) 有一个可选空格 (delete (obj.foo)),因此此规则将应用于它。

一元words 运算符示例

js
// new
var joe = new Person();

// delete
var obj = {
    foo: 'bar'
};
delete obj.foo;

// typeof
typeof {} // object

// void
void 0 // undefined

一元nonwords 运算符示例

js
if ([1,2,3].indexOf(1) !== -1) {};
foo = --foo;
bar = bar++;
baz = !foo;
qux = !!baz;

选项

此规则有三个选项

  • words - 应用于一元单词运算符,例如:newdeletetypeofvoidyield
  • nonwords - 应用于一元运算符,例如:-+--++!!!
  • overrides - 指定覆盖每个运算符(单词或非单词)的空格使用情况。默认情况下为空,但可用于强制执行或禁止运算符周围的空格。例如
js
    "space-unary-ops": [
        2, {
          "words": true,
          "nonwords": false,
          "overrides": {
            "new": false,
            "++": true
          }
    }]

在这种情况下,将禁止在new 运算符之后使用空格,并且要求在++ 运算符之前/之后使用空格。

使用默认{"words": true, "nonwords": false} 选项时,此规则的错误代码示例

js
/*eslint @stylistic/js/space-unary-ops: "error"*/

typeof!foo
;
void{foo:0}
;
new[foo][0]
;
delete(foo.bar)
;
++ foo
;
foo --
;
- foo
;
+ "3"
;
错误
js
/*eslint @stylistic/js/space-unary-ops: "error"*/
/*eslint-env es6*/

function *foo() {
        
yield(0)
}
错误
js
/*eslint @stylistic/js/space-unary-ops: "error"*/

async function foo() {
        
await(bar)
;
}
错误

使用 {"words": true, "nonwords": false} 选项时,此规则的正确代码示例

js
/*eslint @stylistic/js/space-unary-ops: "error"*/

// Word unary operator "typeof" is followed by a whitespace.
typeof !foo;

// Word unary operator "void" is followed by a whitespace.
void {foo:0};

// Word unary operator "new" is followed by a whitespace.
new [foo][0];

// Word unary operator "delete" is followed by a whitespace.
delete (foo.bar);

// Unary operator "++" is not followed by whitespace.
++foo;

// Unary operator "--" is not preceded by whitespace.
foo--;

// Unary operator "-" is not followed by whitespace.
-foo;

// Unary operator "+" is not followed by whitespace.
+"3";
正确
js
/*eslint @stylistic/js/space-unary-ops: "error"*/
/*eslint-env es6*/

function *foo() {
    yield (0)
}
正确
js
/*eslint @stylistic/js/space-unary-ops: "error"*/

async function foo() {
    await (bar);
}
正确