Block Statement

{
  StatementList
}

StatementList

Anweisungen und Deklarationen, die innerhalb des Block-Statements gruppiert sind.

Das Block-Statement wird in anderen Sprachen oft als compound statement bezeichnet. Es ermöglicht Ihnen, mehrere Anweisungen zu verwenden, wo JavaScript nur eine einzige Anweisung erwartet. Das Kombinieren von Anweisungen in Blöcken ist eine gängige Praxis in JavaScript, insbesondere in Verbindung mit Kontrollflussanweisungen wie if...else und for. Das gegenteilige Verhalten ist mit einer leeren Anweisung möglich, bei der keine Anweisung angegeben wird, obwohl eine erforderlich ist.

Zusätzlich können Blöcke in Kombination mit Block-Scoped-Deklarationen wie let, const und class temporäre Variablen davon abhalten, den globalen Namensraum zu verschmutzen, ähnlich wie IIFEs es tun.

Variablen, die mit var deklariert oder durch Funktionsdeklarationen im Nicht-Strict-Modus erstellt werden, haben keinen Block-Gültigkeitsbereich. Variablen, die innerhalb eines Blocks eingeführt werden, sind auf die umgebende Funktion oder das Skript beschränkt, und die Auswirkungen ihrer Zuweisung bleiben auch außerhalb des Blocks bestehen. Zum Beispiel:

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

Dies gibt 2 aus, da die var x-Anweisung innerhalb des Blocks im gleichen Gültigkeitsbereich wie die var x-Anweisung vor dem Block ist.

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

Im Gegensatz dazu haben mit let, const und class deklarierte Bezeichner Block-Gültigkeitsbereich:

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

Die x = 2 ist auf den Block beschränkt, in dem sie definiert wurde.

Dasselbe gilt für const:

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

Beachten Sie, dass der Block-Scoped const c = 2 keinen SyntaxError: Identifier 'c' has already been declared wirft, da er innerhalb des Blocks eindeutig deklariert werden kann.

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

"use strict";

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

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

Eine for-Schleife akzeptiert eine einzelne Anweisung als ihren 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 einem Block-Statement 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 vor dem globalen Gültigkeitsbereich zu verbergen, ohne sie in eine Funktion einzubetten.

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