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. A pesar de su complejidad, JavaScript actúa como cualquier otro lenguaje de programación en el sentido de que nos permite comunicarnos con la máquina a través de una serie de reglas conocidas como sintaxis.
Así como los bucles, las variables son un elemento muy importante dentro de la sintaxis de JavaScript. Por ello, 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 btipien 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 está variable esté insertada se alteren.
Ahora que sabes qué es una variable, te explicamos cómo declarar variables en JavaScript.
¿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. A continuación, te explicamos cómo funciona cada una de estas palabras clave:
var
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. Para usar esta palabra clave, podemos escribir la siguiente línea de código:
var x=1
Una vez hemos declarado que x es una variable y vale 1, no hace falta que pongamos esta variable de nuevo si queremos darle una nueva asignación. Esto sucede porque, al declarar variables en JavaScript usando la palabra clave var, estamos usando un contexto global, también conocido como function scoped. Esto significa que, a partir del momento en el que hayamos definido la variable, esta será cierta en todo nuestro código.
let
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. Entonces, esto hace que las variables definidas con let solo sean ciertas dentro de un bloque, introducido por las llaves { }.
Para entender mejor esta diferencia entre function scoped y block scoped, pongamos un ejemplo. Digamos que definimos las siguientes dos variables:
var x = 1;
let y = 1;
Ahora, decidimos cambiar estas dos variables dentro de un bloque, como el que tenemos a continuación:
if (true) {
var x = 2;
let y =2;
}
Entonces, aunque las variables han sufrido el mismo cambio en el proceso de como declarar una variable global en javascript, cuando queramos pintar los elementos x e y, obtendremos resultados diferentes. Cuando pintemos console.log (x), obtendremos el número 2; mientras que cuando pintemos console.log (y), obtendremos el número 1. Esto sucede porque la variable let que definimos en el bloque anterior solo es verdadera dentro del bloque, por lo que su cambio no se aplica de manera general.
Por su parte, la variable var tiene un efecto a nivel general, por lo que cualquier cambio que sufra en el código, sea dentro de un bloque o no, se verá representado en el resultado final.
La diferencia entre estas dos palabras clave nos permite crear variables que respeten una cierta jerarquía en nuestro código. Entonces, al utilizar la palabra clave let, respetamos lo que el bloque anterior ha definido, mientras que la palabra clave var asume de manera general lo último que tengamos escrito. Esto lo podemos ver directamente en nuestro software de programación, pues la variable y en el segundo bloque se verá representada de manera más opaca, dado que no tendrá ningún efecto real. La variable x mantendrá el brillo del resto del código, porque sí se está aplicando.
const
Al igual que la palabra clave let, const nos permite establecer variables a nivel de bloque. La diferencia entre estas dos palabras clave es que const hace referencia a una constante. Entonces, supongamos que escribimos la siguiente línea de código:
const i=7
Esto quiere decir que tenemos una constante en donde i es igual a 7. Si ahora decidimos cambiar el valor de i dentro del bloque, JavaScript nos devolverá un error. Esto sucede porque el valor de i está definido como constante, un javascript tipo de variable inmutable.
¿Te animas a seguir aprendiendo?
Después de leer este post, sabes exactamente cómo declarar variables en JavaScript usando las tres palabras clave que te hemos enseñado. Sin embargo, JavaScript es un lenguaje de programación amplio que todavía tiene mucho por enseñarnos. Por ello, te invitamos a que sigas aprendiendo con nosotros en nuestro Desarrollo Web Full Stack Bootcamp. Allí aprenderás, entre muchas otras cosas, todo lo necesario para desarrollar páginas web usando JavaScript y crearás tus propias líneas de código para demostrar las habilidades aprendidas. ¡No lo dudes más e inscríbete ya para convertirte en un experto dentro del sector IT!
