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

语法

块声明

{ StatementList }

标记块声明

LabelIdentifier: { StatementList }
StatementList
在块语句中分组的语句。
LabelIdentifier
用于视觉识别的可选labelbreak的目标。

描述

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

块级作用域

使用var

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

var x = 1;
{
  var x = 2;
}
console.log(x); // 输出 2

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

使用letconst

相比之下,使用 letconst声明的变量是块级作用域的。

let x = 1;
{
  let x = 2;
}
console.log(x); // 输出 1

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

const的结果也是一样的:

const c = 1;
{
  const c = 2;
}
console.log(c); // 输出1, 而且不会报错

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

规范

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

浏览器兼容

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes Yes Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic support Yes Yes Yes Yes Yes Yes Yes

相关链接

文档标签和贡献者

 此页面的贡献者: zhangchen, icepro, Canaan, frankfang1990, Cattla, yenshen
 最后编辑者: zhangchen,