JavaScript es un lenguaje de programación complejo que nos permite desarrollar tanto para el mundo frontend como para el mundo backend de la web. Así como los bucles, las variables son un elemento muy importante dentro de la sintaxis de JavaScript. En este post, te enseñaremos cómo declarar variables en JavaScript usando tres palabras clave.
¿Qué es una Variable en JavaScript?
Antes de enseñarte cómo declarar variables en JavaScript, debemos entender el elemento del que estamos hablando. Una variable en JavaScript es la forma que tiene este lenguaje de programación para nombrar un valor. Es decir, cuando declaramos una variable, le asignamos un nombre a determinada función.
Esto nos permite no tener que volver a repetir este valor, sino más bien insertar el nombre cuando queramos usarlo. Además, esto facilita la acción de cambiar este valor a nivel global, pues basta con cambiar el valor en la variable para que todos los valores en los que esta variable esté insertada se alteren.
El Concepto de Alcance en JavaScript
En este artículo, obtendrás información sobre el alcance y cómo funciona en JavaScript. El alcance es un concepto fundamental en JavaScript y en otros lenguajes de programación que define el contexto en el que se accede a las variables y se usan. Se vuelve más útil y aplicable a tu código a medida que continúes aprendiendo JavaScript y trabajando más con variables.
Cuando se accede a una variable dentro de su alcance, JavaScript muestra su valor asignado o produce un error. El alcance es un concepto fundamental que todo desarrollador de JavaScript debe comprender.
Lea también: IVA 21% Excel
Variables Globales en JavaScript
Si ayer veíamos qué eran las variables locales en Javascript, hoy vamos a ver qué son las variables globales en Javascript. Como ya comentábamos, las variables en JavaScript, por defecto, eran variables globales. Esto es debido a que desde un principio en JavaScript se podían definir las variables sin ningún modificador o mediante el modificador var.
Las variables globales son las que definimos fuera de cualquier función. En este ejemplo, la variable globalMessage tiene un alcance global y está escrita fuera de una función. Durante la ejecución, puedes acceder al valor de la variable globalMessage desde cualquier parte del programa de JavaScript.
Incluso, en versiones anteriores de JavaScript sin el modo estricto, una variable podía volverse global implícitamente si se declaraba sin una palabra clave (var, let, const) dentro de una función. Por ejemplo, en el ejemplo superior, en una función se está creando una variable global llamada x. Como podemos ver luego fuera de la función, cuando imprimimos x, vemos que no produce error y muestra el valor 100.
Alcance Local: `var`, `let` y `const`
Ahora que sabes qué es una variable, te explicamos cómo declarar variables en JavaScript. Existen tres maneras de declarar variables en JavaScript, cada una utiliza una palabra clave diferente: let, var y const. Cuando creas variables en una función de JavaScript con las palabras clave var, let o const, las variables son locales para la función, por lo que solo puedes acceder a ellas desde dentro de ella.
La palabra clave `var` y el Alcance de Función
La palabra clave var es una abreviación de variable y es la manera antigua de declarar que lo que estamos escribiendo es este tipo de variable JavaScript. Al declarar variables en JavaScript usando la palabra clave var dentro de una función, estas tienen un alcance de función (function scoped).
Lea también: Guía IVA reducido
Esto significa que, a partir del momento en el que hayamos definido la variable con var dentro de una función, esta será cierta en todo el cuerpo de esa función, pero no fuera de ella. Sin embargo, var no respeta el alcance de bloque. Puedes observar que la variable i de un bucle for declarado con var se filtró fuera del bucle for y aún retiene un valor 2 porque la palabra clave var no usa el alcance de bloque.
`let` y `const`: El Alcance de Bloque
La palabra clave let, a diferencia de la palabra clave var, nos permite declarar variables en JavaScript que son ciertas a nivel del bloque. Esto también se conoce en inglés como block scoped. Al igual que la palabra clave let, const nos permite establecer variables a nivel de bloque.
Las variables de alcance de bloque están disponibles a nivel local para un bloque según lo determinado por la ubicación de las llaves en la que se define la sentencia de bloque. Por ejemplo, en un bloque, el alcance de una variable name y su valor "Elizabeth" se encuentran dentro de las llaves.
La diferencia entre las palabras clave let/const y var nos permite crear variables que respeten una cierta jerarquía en nuestro código. Mientras que con let, JavaScript puede actualizar la variable, la diferencia entre let y const es que const hace referencia a una constante. Esto quiere decir que una vez asignado su valor, no se puede cambiar. Si ahora decidimos cambiar el valor de una constante declarada con const dentro del bloque, JavaScript nos devolverá un error.
El Modo Estricto (`'use strict'`) y su Importancia
El JavaScript moderno introduce una directiva para salvar este y otros problemas muy comunes relacionados con el alcance. Si activamos el modo estricto, todas las variables en JavaScript deben declararse explícitamente con var, let o const; de lo contrario, se produce un error.
Lea también: ¿Cómo localizar tus XML del SAT?
La directiva de modo estricto se emplea con las palabras claves 'use strict' entre comillas simples o dobles y un punto y coma al principio de un script o de una función.
Alcance del Módulo
Los módulos de JavaScript ayudan a organizar el código JavaScript. Si se usan correctamente, proporcionan una estructura eficaz para tu base de código y ayudan a reutilizarlo. Si creas una variable dentro de un módulo de JavaScript, pero fuera de una función o un bloque, no tiene un alcance global, sino un alcance del módulo.
Las variables con alcance de módulo están disponibles en cualquier lugar del módulo actual, pero no en otros archivos o módulos. Esto proporciona un nivel adicional de encapsulación, evitando la contaminación del alcance global.
Alcance Léxico y Cierres (Closures)
El alcance léxico usa la ubicación donde se declara una variable en el código fuente para determinar dónde está disponible. Con el alcance léxico, el alcance se determina durante la compilación del código fuente, no durante el tiempo de ejecución.
Los cierres (closures) hacen referencia a una función delimitada en la que una función interna puede acceder al alcance de la función externa, que también se conoce como entorno léxico. Por lo tanto, en JavaScript, se usan cierres para permitir que las funciones hagan referencia al entorno léxico externo, lo que permite que el código dentro de una función haga referencia a variables declaradas fuera de la función.