block

block

块语句（或其他语言的复合语句）用于组合零个或多个语句。该块由一对大括号界定，可以是labelled：

语法

块声明

{
  StatementList
}

标记块声明

LabelIdentifier: {
  StatementList
}

StatementList在块语句中分组的语句。LabelIdentifier用于视觉识别的可选label或break的目标。

描述

其他语言中通常将语句块称为复合语句。它允许你使用多个语句，其中 JavaScript 只需要一个语句。将语句组合成块是 JavaScript 中的常见做法。相反的做法是可以使用一个空语句，你不提供任何语句，虽然一个是必需的。

块级作用域

使用var

通过var声明的变量没有块级作用域。在语句块里声明的变量作用域是其所在的函数或者 script 标签内，你可以在语句块外面访问到它。换句话说，语句块 不会生成一个新的作用域。尽管单独的语句块是合法的语句，但在JavaScript中你不会想使用单独的语句块，因为它们不像你想象的C或Java中的语句块那样处理事物。例如：

var x = 1;
{
  var x = 2;
}
console.log(x // logs 2

该会输出2，因为块中的 var x语句与块前面的var x语句作用域相同。在 C 或 Java中，这段代码会输出 1。

使用let和 const

相比之下，使用 let和const声明的变量是有块级作用域的。

let x = 1;
{
  let x = 2;
}
console.log(x // logs 1

x = 2被限制在块级作用域中, 也就是它被声明时所在的块级作用域。

const的结果也是一样的：

const c = 1;
{
  const c = 2;
}
console.log(c // logs 1 and does not throw SyntaxError...

注意块级作用域里的常量声明const c = 2并不会抛出SyntaxError: Identifier 'c' has already been declared这样的语法错误，因为这是一个新的作用域。

规范

浏览器兼容性