首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

no-lone-blocks

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

代码语言:javascript
复制
{
    var foo = bar();
}

在 ES6 中,如果块级绑定(letconst),类声明或函数声明(以严格模式)存在,则代码块可能会创建新范围。在这些情况下块不被认为是多余的。

规则细节

此规则旨在消除脚本顶层或其他块中不必要的和可能混淆的块。

此规则的错误代码示例:

代码语言:javascript
复制
/*eslint no-lone-blocks: "error"*/

{}

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

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

{
    function foo() {}
}

{
    aLabel: {
    }
}

使用 es6 环境的此规则的正确代码示例:

代码语言:javascript
复制
/*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: {
}

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

代码语言:javascript
复制
/*eslint no-lone-blocks: "error"*/
/*eslint-env es6*/

"use strict";

{
    function foo() {}
}

版本

这条规则是在 ESLint 0.4.0 中引入的。

资源

扫码关注腾讯云开发者

领取腾讯云代金券