Block-Anweisung

{
  StatementList
}

StatementList

Anweisungen und Deklarationen, die innerhalb der Block-Anweisung gruppiert sind.

Die Block-Anweisung wird in anderen Sprachen oft als Zusammengesetzte Anweisung bezeichnet. Sie ermöglicht es Ihnen, mehrere Anweisungen zu verwenden, wo JavaScript nur eine Anweisung erwartet. Das Kombinieren von Anweisungen in Blöcken ist in JavaScript eine häufige Praxis, insbesondere wenn es in Verbindung mit Kontrollfluss-Anweisungen wie if...else und for verwendet wird. Das gegenteilige Verhalten ist mit einer leeren Anweisung möglich, bei der keine Anweisung angegeben wird, obwohl eine erforderlich ist.

In Kombination mit block-skopierten Deklarationen wie let, const und class können Blöcke verhindern, dass temporäre Variablen den globalen Namensraum verschmutzen, genau wie IIFEs es tun.

Variablen, die mit var deklariert oder durch Funktionsdeklarationen im Non-Strict-Modus erstellt werden, haben keinen Block-Scope. Variablen, die innerhalb eines Blocks eingeführt werden, sind auf die umgebende Funktion oder das Skript begrenzt, und die Auswirkungen ihrer Einstellung bestehen über den Block hinaus. Zum Beispiel:

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

Dies gibt 2 aus, weil die var x-Anweisung innerhalb des Blocks im gleichen Scope wie die var x-Anweisung vor dem Block ist.

In nicht-striktem Code verhalten sich Funktionsdeklarationen innerhalb von Blöcken merkwürdig. Verwenden Sie sie nicht.

Im Gegensatz dazu haben Bezeichner, die mit let, const und class deklariert wurden, Block-Scope:

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

Das x = 2 ist im Scope auf den Block beschränkt, in dem es definiert wurde.

Dasselbe gilt für const:

const c = 1;
{
  const c = 2;
}
console.log(c); // 1; does not throw SyntaxError

Beachten Sie, dass das block-skopierte const c = 2 keinen SyntaxError: Identifier 'c' has already been declared auslöst, weil es eindeutig innerhalb des Blocks deklariert werden kann.

Im Strict-Modus sind Funktionsdeklarationen innerhalb von Blöcken auf diesen Block beschränkt und werden an den Anfang des Blocks gehoben.

"use strict";

{
  foo(); // Logs "foo"
  function foo() {
    console.log("foo");
  }
}

foo(); // ReferenceError: foo is not defined

Ein for Loop akzeptiert eine einzelne Anweisung als seinen Körper.

for (let i = 0; i < 10; i++) console.log(i);

Wenn Sie mehr als eine Anweisung im Schleifenkörper verwenden möchten, können Sie sie in eine Block-Anweisung gruppieren:

for (let i = 0; i < 10; i++) {
  console.log(i);
  console.log(i ** 2);
}

let- und const-Deklarationen sind auf den umgebenden Block beschränkt. Dies ermöglicht es Ihnen, Daten aus dem globalen Scope zu verbergen, ohne sie in eine Funktion einzuschließen.

let sector;
{
  // These variables are scoped to this block and are not
  // accessible after the block
  const angle = Math.PI / 3;
  const radius = 10;
  sector = {
    radius,
    angle,
    area: (angle / 2) * radius ** 2,
    perimeter: 2 * radius + angle * radius,
  };
}
console.log(sector);
// {
//   radius: 10,
//   angle: 1.0471975511965976,
//   area: 52.35987755982988,
//   perimeter: 30.471975511965976
// }
console.log(typeof radius); // "undefined"

• while
• if...else
• let