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 let y const 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

• 
  Expresión const en JavaScript
• 
  Expresión let en JavaScript
• 
  Expresión var en JavaScript
• 
  Expresión try…catch en JavaScript
• 
  Expresión throw en JavaScript
• 
  Continue en JavaScript
• 
  Switch en JavaScript
• 
  Expresiones if…else en JavaScript
• 
  Declaración vacía o empty en JavaScript
• 
  Break en JavaScript
• Sentencia block en JavaScript
• 
  Arguments en JavaScript
• 
  Promise en JavaScript
• 
  Number en JavaScript
• 
  Características JSON en JavaScript
• 
  Array en JavaScript
• 
  RegExp en JavaScript
• 
  String en JavaScript
• 
  Date en JavaScript
• 
  Math en JavaScript
• 
  URIError en JavaScript
• 
  TypeError en JavaScript
• 
  SyntaxError en JavaScript
• 
  ReferenceError en JavaScript
• 
  RangeError en JavaScript
• 
  EvalError en JavaScript
• 
  Características Boolean en JavaScript
• 
  Error en JavaScript
• 
  Función Symbol en JavaScript
• 
  Constructor Function en JavaScript
• 
  Constructor Object en JavaScript
• 
  Función unescape()‎ en JavaScript
• 
  Función eval()‎ en JavaScript
• 
  Valor null en JavaScript
• 
  Características Undefined en JavaScript
• 
  Características NaN en JavaScript
• 
  Características Infinity en JavaScript
• 
  Función parseFloat()‎ en JavaScript
• 
  Función isNaN()‎ en JavaScript
• 
  Función isFinite()‎ en JavaScript
• 
  Función escape()‎ en JavaScript
• 
  Función encodeURIComponent()‎ en JavaScript