没有函数或 json 的 JavaScript 花括号

Question

刚刚打开了一个客户端的javascript文件，第一行是这样的：

{
    var s_account="blog";
}

我不明白。通常，根据我的经验，花括号会包裹一个函数......

function welcome(){ ...

...或一个 json JavaScript 对象

var attributes = { this : "that...

谁能告诉我为什么花括号前面或后面没有文字？它有什么作用/有什么意义？

Answer 1

除非你给它贴上标签，否则它是一个块并且完全没有意义：

block: {
    var s_account="blog";
    console.log("executed");
    break block;
    console.log("not executed");
}

Answer 2

在我看来，这样做的唯一合乎逻辑的原因是作为一种组织技术。

function banana(){
    // private members
    {
        var foo = "foo",
            bar = "bar",
            baz = "baz";

        function bux(){
            console.log("bux");
        }
    }

    // public members

    this.fin = "fin";
    this.fang = "fang";
    this.foom = "foom";

    this.shamalamadingdong = function(){
        bux();
    };
}

此外，大多数 IDE 都允许您折叠“私人成员”块并将其排除在外。

Answer 3

这是一个块语句。块语句有多种用途，该代码没有使用任何一种（除了可能将内容组合在一起as Shmiddty suggested）。 （事实上​​，我会在代码中说它们适得其反，因为对于许多从所有变量声明都是块作用域的语言开始使用 JavaScript 的人来说，它们给人的印象是变量的作用域是块，它不是。）

它可以有的用途：

范围 let、const 和 class

如果该代码使用let、const 或class，则该块将限定结果标识符，因为let、const 和class 是 块范围在 JavaScript 中。所以这个输出"bar":

{
    var foo = "bar";
}

console.log(foo);

但这会抛出一个ReferenceError，因为foo 的作用域是块：

{
    let foo = "bar";
}

console.log(foo);

提供一个块来打破

作为Esailija points out，如果它被标记并使用break，break 将提前退出块。

附加到流控制语句的分组语句

块语句最常见的用途是将附加到流控制语句的语句组合在一起，例如if 和for。在这个相当典型的if：

if (something) {
    doThis();
    doThat();
}

...{} 不是一部分if（你可以写if 而不使用{}），它们是一个块语句附加到if。

Answer 4

谁能告诉我为什么花括号前面或后面没有文字？它有什么作用/有什么意义？

在 Javascript 中对它们没有意义。它的行为就像代码只是

var  s_account="blog";

猜测

在其他具有块作用域的语言中，这可能会限制变量的作用域，但由于 JS 没有该特性（无论好坏），没有控制结构或函数的大括号本质上是没有意义的并被忽略。

该代码很可能是从已删除的函数或 if 语句中遗留下来的。绝对不是抄袭的模式。

Answer 5

它被称为block statement。它允许您对表达式进行分组。它通常与if 和while 等控制结构一起使用，但也可以单独使用。

由于 JavaScript 没有块作用域，因此代码在同一作用域中运行（就好像 {} 不存在一样）。

例子：

{
    var s_account="blog";
}

console.log(s_account);

效果很好。

Answer 6

快速添加。 在像 Visual Code 这样的 IDE 中，放置花括号实际上会创建一个带有“下拉”箭头的可视块，只需单击一下即可完全隐藏部分代码。 它有助于代码组织。 我在使用大量 CSS 创建 HTML 元素时使用它。 由于不影响代码执行，所以非常有用。