block

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

语法

块声明

{ StatementList }

标记块声明

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

描述

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

块级作用域

在非严格模式(non-strict mode)下的var 或者函数声明时

通过var声明的变量或者非严格模式下(non-strict mode)创建的函数声明没有块级作用域。在语句块里声明的变量的作用域不仅是其所在的函数或者 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这样的语法错误,因为在它自己的块中它可能是唯一一个被声明的常量。

使用let声明的变量在块级作用域内能强制执行更新变量,下面的两个例子对比:
var a = [];
for (var i = 0; i < 10; i++) {
      a[i] = function () {console.log(i);};
}
a[0]();                // 10
a[1]();                // 10
a[6]();                // 10

/********************/

var a = [];
for (let i = 0; i < 10; i++) {
      a[i] = function () {console.log(i);};
}
a[0]();                // 0
a[1]();                // 1
a[6]();                // 6

使用function

函数声明同样被限制在声明他的语句块内:

foo('outside');  // TypeError: foo is not a function
{
  function foo(location) {
   console.log('foo is called ' + location);
  }
  foo('inside'); // 正常工作并且打印 'foo is called inside' 
}

规范

Specification Status Comment
ECMAScript (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.

浏览器兼容

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
blockChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 11Opera Full support 3Safari Full support 1WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0nodejs Full support 0.1.100

Legend

Full support  
Full support

相关链接