no-lone-blocks

禁止不必要的嵌套块

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

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

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

规则详情

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

此规则的错误代码示例

在 Playground 中打开

/*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

此规则的正确代码示例

在 Playground 中打开

/*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

此规则的正确代码示例，在 ESLint 配置中使用 "parserOptions": { "sourceType": "module" } 或在代码中使用 "use strict" 指令启用 ES6 环境和严格模式

在 Playground 中打开

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

"use strict";

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

版本

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

资源

编辑此页面