block

块语句(或其他语言的复合语句)用于组合零个或多个语句。该块由一对大括号界定,可以是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

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

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 Latest Draft (ECMA-262)
Block statement
Draft  
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
Desktop Mobile Server
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet Node.js
block Chrome Full support 1 Edge Full support 12 Firefox Full support 1 IE Full support 11 Opera Full support Yes Safari Full support Yes WebView Android Full support 1 Chrome Android Full support 18 Firefox Android Full support 4 Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support 1.0 nodejs Full support Yes

Legend

Full support  
Full support

相关链接