no-lone-blocks

禁止不必要的嵌套块

在 JavaScript 中，在 ES6 之前，由花括号分隔的独立代码块不会创建新的作用域，也没有用处。例如，这些花括号对 `foo` 没有影响

{
    var foo = bar();
}
1
2
3

在 ES6 中，如果存在块级绑定（`let` 和 `const`）、类声明或函数声明（在严格模式下），代码块可能会创建新的作用域。在这种情况下，块不被认为是冗余的。

规则详情

此规则旨在消除脚本顶层或其他块内不必要且可能令人困惑的块。

此规则的**错误**代码示例

在游乐场中打开

/*eslint no-lone-blocks: "error"*/

{}

if (foo) {
    bar();
    {
        baz();
    }
}

function bar() {
    {
        baz();
    }
}

{
    function foo() {}
}

{
    aLabel: {
    }
}

class C {
    static {
        {
            foo();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

此规则的**正确**代码示例

在游乐场中打开

/*eslint no-lone-blocks: "error"*/

while (foo) {
    bar();
}

if (foo) {
    if (bar) {
        baz();
    }
}

function bar() {
    baz();
}

{
    let x = 1;
}

{
    const y = 1;
}

{
    class Foo {}
}

aLabel: {
}

class C {
    static {
        lbl: {
            if (something) {
                break lbl;
            }

            foo();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

此规则的**正确**代码示例，使用 ES6 环境和通过 ESLint 配置中的 `“parserOptions”: { “sourceType”: “module” }` 或代码中的 `“use strict”` 指令进行严格模式

在游乐场中打开

/*eslint no-lone-blocks: "error"*/

"use strict";

{
    function foo() {}
}
1
2
3
4
5
6
7

版本

此规则在 ESLint v0.4.0 中引入。

资源

编辑此页面