block - JavaScript 编辑

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

语法

块声明

{ StatementList }

标记块声明

LabelIdentifier: { StatementList }

StatementList

在块语句中分组的语句。

LabelIdentifier

用于视觉识别的可选label或break的目标。

描述

其他语言中通常将语句块称为复合语句。它允许你使用多个语句，其中 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。

使用let和 const

相比之下，使用 let和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 (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.

浏览器兼容

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

相关链接

• while
• if...else
• let