Comprensión de la semántica de las funciones a nivel de bloque de ES6

Introducción
Con la llegada de ES6, el bloque Las declaraciones de funciones de nivel se convirtieron en una valiosa adición al lenguaje. A pesar de las suposiciones iniciales, la semántica precisa de estas funciones abarca un espectro más amplio, incluidas las distinciones entre modos estrictos y no estrictos y consideraciones de compatibilidad del navegador.

Semántica
La siguiente tabla resume la aspectos clave de la semántica de funciones a nivel de bloque:

Implicaciones del modo estricto
El concepto de "modo estricto" en este contexto se refiere a la ranura interna [[Estricta]] del objeto de función, no el rigor de la función en sí. Por lo tanto, el fragmento de código que involucra una declaración de función con "uso estricto" dentro de un código circundante no estricto todavía se considera "no estricto".

Extensiones web
La extensiones" se aplican sólo a código no estricto (descuidado) con apariencias de declaraciones de función "sensatas". En modo descuidado con semántica de compatibilidad web, una declaración de función dentro de un bloque se maneja de la siguiente manera:

1. La declaración de función se eleva a la parte superior del bloque léxico.
2. Una declaración var se eleva a la función adjunta, se inicializa a indefinido.
3. Cuando se evalúa la declaración de función, el objeto de función se asigna a la función con alcance variable.

En esencia, este comportamiento da como resultado dos enlaces separados con el mismo nombre, uno con alcance de bloque y el otro con alcance de función.

Conclusión
Si bien las funciones a nivel de bloque en ES6 ofrecen una funcionalidad ampliada, comprender su semántica precisa, incluida la interacción entre los modos estrictos y la compatibilidad web, es crucial para garantizar un uso adecuado y evitar posibles errores.