no-lone-blocks

禁止不必要的嵌套块

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

{
    var foo = bar();
}

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

规则详情

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

此规则的错误代码示例：

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

{}

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

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

{
    function foo() {}
}

{
    aLabel: {
    }
}

class C {
    static {
        {
            foo();
        }
    }
}

此规则在 ES6 环境下的正确代码示例：

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

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();
        }
    }
}

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

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

"use strict";

{
    function foo() {}
}