Por qué la declaración de variables de JavaScript en la consola da como resultado "Indefinido"

Al declarar una variable en la consola de JavaScript usando la sintaxis var a;, imprime "indefinido". Este comportamiento puede resultar sorprendente y, a menudo, se aborda en las publicaciones de Stack Overflow. Sin embargo, estas discusiones no explican completamente por qué ocurre esto.

El comportamiento de la consola es un resultado directo de la forma en que JavaScript evalúa las expresiones. Al evaluar la declaración var a;, JavaScript la considera una expresión por sí sola y devuelve su resultado, que de hecho es "indefinido".

Es más desconcertante por qué la consola también imprime "indefinido" al declarar una variable. con un valor inicial, como var a = 3. Sorprendentemente, todas las declaraciones de variables en JavaScript (tanto var como función) devuelven "indefinido" si hay otra declaración con un resultado "real".

Por ejemplo :

> var a = 3;
undefined

> var a = 3; a = 4;
4

> var a = 3; a = 4; var a = 5; function f() {};
4

Este comportamiento tiene su origen en la declaración eval, que, según la especificación ECMAScript:

• Devuelve "indefinido" si el valor de finalización del programa evaluado está vacío.

La evaluación de la declaración var a = 4 devuelve (normal, vacío, vacío), que satisface los criterios para devolver "indefinido".

Sin embargo, la evaluación también especifica que si el El valor de finalización del programa evaluado no está vacío, entonces se devuelve el valor de la última declaración. En el último ejemplo, a = 4 es la última declaración, por lo que se devuelve su valor (4).

En resumen, la consola de JavaScript imprime "indefinido" para las declaraciones de variables porque estas declaraciones devuelven "indefinido" cuando se evalúan como expresiones. Este comportamiento puede resultar confuso, especialmente al asignar valores iniciales a variables, pero surge de los mecanismos de evaluación subyacentes de las expresiones y declaraciones de JavaScript.