Variables JavaScript
Las variables son un concepto fundamental en la programación, funcionan como un contenedor donde se pueden almacenar todo tipo de datos para luego poder usarlos cuando el programa lo requiera.
En Javascript podemos usar las palabras clave var, const o let para almacenar los datos, estas palabras clave son palabras reservadas por el lenguaje, de forma tal que cada vez que usemos una de estas le vamos a estar indicando al programa que vamos a declarar una variable.
Var: Era la forma antigua de declarar variables en JavaScript. Puedes cambiar su valor y redeclararla dentro del mismo contexto, pero puede causar problemas si no se usa con cuidado.
Const: Se usa para valores que no cambiarán. No puedes cambiar su valor después de inicializarlo. Es útil para cosas como números que no cambian, pero ten en cuenta que para objetos y arrays, puedes cambiar lo que hay dentro, solo no puedes reasignarlos completamente.
Let: Es la forma moderna de declarar variables. Puedes cambiar su valor, pero no puedes declararla más de una vez en el mismo lugar. Es más seguro y claro que var.
¿Cómo declarar una variable?
Supongamos que quiero crear una variable para la edad de una persona, lo primero que tengo que hacer es definir si se va a tratar de un valor constante (que no se va a modificar) o de un valor variable (que se puede modificar), en este caso al tratarse de una edad, la cual va a ir cambiando con el pasar de los años le vamos a pasar la palabra clave ‘var’.
Luego tenemos que definir un nombre para esa variable, en este caso la vamos a llamar ‘edad’. Y para finalizar el valor que queremos almacenar dentro de la variable (este valor se puede declarar al momento de crear la variable o después). Nos quedaría algo así:
var edad = 23;
En caso de que no nos interese indicar el valor de la variable podemos simplemente hacer los siguiente:
var edad;
De esta forma tenemos la variable sin valor inicial y lista para ser usada mas adelante. Por ejemplo si ahora escribimos:
edad = 23;
Automáticamente la variable edad va a almacenar el valor 23.
Importante: Los nombre de las variables deben comenzar con una letra, ‘$’ o un guion bajo (‘_’) y no pueden ser palabras clave reservadas como ‘let’, ‘const’, ‘var’, ‘function’, etc.
¿Qué es scope?
El "scope" o alcance se refiere al contexto en el cual las variables están disponibles para su uso. El scope determina la visibilidad y accesibilidad de estas variables en diferentes partes del código.
También existen variables a las que se puede acceder desde cualquier parte del codigo, estas son las variables globales, como su nombre lo indica, tienen un alcance global y son accesibles desde cualquier parte del código incluyendo funciones u otros bloques.
var globalVar = 'Soy global';
function saludar() {
console.log(globalVar); // Accesible dentro de la función
}
console.log(globalVar); // Accesible fuera de la función
// console.log(localVar); // Error: localVar is not defined
¿Cómo usar let y const?
Las palabras clave let y const permiten declarar variables limitando su alcance al bloque donde se están usando, es decir que solo se pueden usar dentro del bloque en el que se declaran o dentro de bloques anidados dentro de ese bloque. Un bloque son sentencias de código que están encerradas dentro de llaves ‘{}’.
Let
La palabra clave ‘let’ se utiliza para declarar variables que luego pueden ser modificadas:
// Declaración de variable con let
let edad = 30;
// Asignación y reasignación de variable
edad = 31;
// Alcance de bloque
function ejemplo() {
let mensaje = 'Hola';
console.log(mensaje); // 'Hola' (accesible dentro de la función)
}
// console.log(mensaje); // Error: mensaje is not defined (fuera del bloque)
En este ejemplo si intentáramos usar la variable ‘mensaje’ fuera de la función ‘ejemplo’ nos daría un error, ya esta fue declarada dentro de esa función.
Const
La palabra clave ‘const’ se utiliza para declarar variables cuyo valor no cambiara después de que sea inicializada:
// Declaración de constante
const PI = 3.1416;
// Intento de reasignación (esto causará un error)
// PI = 3.14;
// Alcance de bloque
if (true) {
const mensaje = 'Hola';
console.log(mensaje); // 'Hola' (accesible dentro del bloque)
}
// console.log(mensaje); // Error: mensaje is not defined (fuera del bloque)
En este ejemplo si tratáramos de modificar el valor de PI, nos daría un error ya que se trata de un valor constante.