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这样的语法错误，因为这是一个新的作用域。

规范

Specification	Status	Comment
ECMAScript Latest Draft (ECMA-262)The definition of 'Block statement' in that specification.	Living Standard	​
ECMAScript 2015 (6th Edition, ECMA-262)The definition of 'Block statement' in that specification.	Standard	​
ECMAScript 5.1 (ECMA-262)The definition of 'Block statement' in that specification.	Standard	​
ECMAScript 3rd Edition (ECMA-262)The definition of 'Block statement' in that specification.	Standard	​
ECMAScript 1st Edition (ECMA-262)The definition of 'Block statement' in that specification.	Standard	Initial definition. Implemented in JavaScript 1.0.

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)

Feature	Android	Chrome for Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)