Sentencia block en JavaScript

Sentencia block en JavaScript
Sentencia block en JavaScript

Las sentencias de bloque(block) en javascript se utilizan para agrupar varias expresiones programáticas. La sección se identifica con un par de llaves {} y se puede agregar una etiqueta antes.

Características generales

Las secciones de bloque le permiten usar más de una expresión donde JavaScript espera recibir una sola expresión. Tenga en cuenta que agrupar más de una expresión en secciones es común en JavaScript, y el comportamiento opuesto es el uso de una declaración vacía, lo que le permite no proporcionar una expresión cuando sea necesario.

Estructura block en javascript

Sección de bloque sin banner:

{
  StatementList
}

Sección de bloque con banner:

LabelIdentifier: {
  StatementList
}

StatementList

Expresiones agrupadas dentro de la sección de bloque.

LabelIdentifier

Una pancarta label opcional que se puede utilizar para hacer que el departamento sea visualmente identificable o como un destino para expresarse break.

Ejemplos y aplicaciones en código

Uso del block var

Las variables declaradas usando var un alcance de bloque no tienen alcance de bloque. Las variables definidas dentro de una sección de bloque tendrán su alcance dentro de la función o script, y el efecto de su configuración permanecerá hasta después de que finalice la sección de bloque. Ejemplo:

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

La salida del script anterior es 2, porque la expresión var x dentro de la sección del bloque tiene el mismo dominio (alcance) que la expresión var x fuera de la sección.

Uso de bloque let y const

Identificadores que se declaran usando letconst tendrán un campo de bloque:

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

Tenga en cuenta que la expresión x=2 es específica del dominio de masas en el que está definida. Es lo mismo para los identificadores que se declaran con const:

const c = 1;
{
  const c = 2;
}
console.log(c);  // la salida es 1 y no aparecerá ningún mensaje de error

Tenga en cuenta que la constante const c=2 no arrojará el error SyntaxError: Identifier 'c' has already been declared porque está definida en su propio campo.

Soporte de navegadores

CaracterísticaChromeFirefoxIEOperaSafari
Soporte básico