跳至内容

@stylistic/

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/space-unary-ops: "error"*/

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

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

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

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

js
/*eslint @stylistic/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/space-unary-ops: "error"*/
/*eslint-env es6*/

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

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