Variables y Constantes en JavaScript
En JavaScript, las variables son contenedores donde podemos almacenar datos. Estos datos pueden cambiar a lo largo del programa, pero también podemos definir valores que no queremos que cambien. Aquí es donde entran en juego variables y constantes.
script.js
// Declaramos una variable
let edad = 25;
// Mostramos el valor inicial
console.log(edad); // Muestra: 25
// Cambiamos el valor
edad = 30;
// Mostramos el nuevo valor
console.log(edad); // Muestra: 30
¿Qué es una variable?
Una variable es un espacio en la memoria que se utiliza para guardar un dato que puede cambiar a lo largo del programa. Por ejemplo, si quieres almacenar el nombre de una persona o el resultado de un cálculo, usarás una variable.
Declaración de variables
En JavaScript, puedes declarar una variable utilizando tres palabras clave: var, let y const. Vamos a ver cómo funcionan.Var : La forma antigua de declarar variables
🔸 var : Fue la primera forma de declarar variables en JavaScript. Aunque todavía funciona, su uso está desaconsejado porque puede generar problemas al no respetar el alcance (scope) moderno.
var nombre = "Juan";
console.log(nombre); // Muestra: Juan
La declaración de variables utilizando la palabra reservada var es la forma más tradicional. Su uso es muy sencillo, como se muestra a continuación:
var edad;
Con esta línea de código, le estamos diciendo al programa: Reserva un espacio en la memoria y llámalo edad. Luego, podemos asignar un valor a esta variable de la siguiente manera:
edad = 38;
Otra forma consiste en crear la variable, y asignarle un valor directamente durante la creación:
var edad = 38;
Lo que estamos indicando al programa:
Toma el valor 38 y almacénalo en el espacio de memoria llamado edad, que reservamos previamente.
Esto representa la inicialización de la variable. Es importante notar que solo necesitamos declarar una variable una vez; después, podemos usarla tantas veces como sea necesario simplemente utilizando su nombre.
Una variable de JavaScript podrá almacenar diferentes tipos de valores, y una de las ventajas que tenemos con JavaScript es que no tendremos que decirle de qué tipo es una variable u otra.
🔸Problema con var : Si declaras una variable con var dentro de un bloque como un if, la variable sigue siendo accesible fuera del bloque, lo que puede causar errores difíciles de detectar.
Let : La forma moderna de declarar variables
En JavaScript, las variables tienen un ámbito o alcance que define dónde pueden ser utilizadas dentro de un programa. Este ámbito está relacionado con los bloques de código, que son secuencias de instrucciones encerradas entre llaves {}.
Por ejemplo, cuando escribimos un bloque condicional como if, las variables definidas dentro de ese bloque solo son visibles y accesibles dentro de ese bloque en particular. Veamos un ejemplo: supongamos que tenemos un código que verifica si una puerta está cerrada o abierta:
if (!cerrado) {
let abierto = 1;
console.log("El candado está abierto");
}
En este caso, la variable abierto solo es visible y utilizable dentro del bloque if. Fuera de ese bloque, no podemos acceder a ella.
Además, es común crear bloques anidados dentro de otros bloques. Por ejemplo, dentro de un bloque if, podemos tener un bucle for. Las variables definidas en bloques más internos pueden tener un alcance solo dentro de esos bloques. Esto significa que las variables pueden tener alcance local y solo ser visibles donde se definen.
Por tanto, el ámbito de actuación de una variable en JavaScript se refiere a la parte del programa donde esa variable es válida y accesible. Los bloques de código, como if o bucles, juegan un papel importante en la determinación de este ámbito, lo que significa que las variables pueden tener alcance local y no ser visibles fuera de ciertos bloques. Esto es esencial para evitar conflictos y mantener un código limpio y organizado.
La principal diferencia entre «let» y «var» es que el ámbito de «let» es más local, se dice que el ámbito de las variables declaradas con «let» es el bloque. Esto se puede verificar con el siguiente código:
if (true) {
var mensajeVar = "Hola desde var";
let mensajeLet = "Hola desde let";
}
console.log(mensajeVar); // "Hola desde var"
console.log(mensajeLet); // Error: mensajeLet is not defined
Hemos declarado tanto una variable mensajeVar con var como una variable mensajeLet con let dentro del mismo bloque if. Sin embargo, notarás que al intentar acceder a mensajeLet fuera del bloque, obtenemos un error, ya que let tiene un ámbito de bloque y no es visible fuera de ese bloque.
Los resultados muestran que la variable definida con «let» solo es accesible dentro del bloque en el que se declaró, mientras que la variable definida con «var» es accesible globalmente. Sin embargo, esto no significa que el ámbito de una variable declarada con «var» sea completamente global, ya que también tiene restricciones dependiendo del lugar donde se declare.
🔸let : es la forma recomendada de declarar variables que pueden cambiar su valor. Fue introducida en ES6 (una actualización de JavaScript).
let edad = 25;
console.log(edad); // Muestra: 25
edad = 26; // Cambiamos el valor de la variable
console.log(edad); // Muestra: 26
🔸Beneficio: let tiene un alcance de bloque, lo que significa que solo existe dentro del bloque donde se declara. Esto hace que sea más seguro trabajar con ella.
if (true) {
let saludo = "Hola";
console.log(saludo); // Funciona: Hola
}
console.log(saludo); // Error: saludo no está definido fuera del bloque
Const : Constantes que no cambian
Con «const«, estamos definiendo constantes, es decir, variables a las que asignamos un valor que nunca cambiará (un literal). Desde el punto de vista del ámbito, «const» funciona igual que «let«. Aunque no es obligatorio, es una convención ampliamente aceptada asignar identificadores en mayúsculas a las constantes para diferenciarlas de otros tipos de variables. Esto facilita la identificación y evita la posibilidad de asignarles un valor diferente, lo que generaría un error.
const PI = 3.1416;
🔸const : Se utiliza para declarar constantes, es decir, valores que no cambian a lo largo del programa. Una vez asignado un valor a una constante, no puedes cambiarlo.
const pi = 3.14159;
console.log(pi); // Muestra: 3.14159
Nota: Aunque el valor primitivo de una constante no puede cambiar, los objetos y arrays declarados con const pueden ser modificados en su contenido.
Ejemplo con objetos:
const persona = { nombre: "Ana", edad: 30 };
persona.edad = 31; // Esto funciona, porque estamos modificando una propiedad del objeto
console.log(persona); // Muestra: { nombre: "Ana", edad: 31 }
Buenas prácticas al declarar variables y constantes
Usa const siempre que sepas que el valor no cambiará. Usa let si el valor puede cambiar. Evita usar var, a menos que trabajes en código muy antiguo.
🔸 Usa nombres de variables descriptivos: nombreUsuario, totalCompra, resultado
Identificadores
A lo largo de un programa, será necesario asignar nombres a elementos y estructuras de datos para poder utilizarlos según las necesidades del desarrollo. Estos nombres se conocen como identificadores.
Por ejemplo, si se desea crear un espacio de memoria para almacenar la fecha actual, se puede utilizar el identificador «fecha_actual» como ya hemos visto.
Además de los identificadores que los programadores crean, todos los lenguajes de programación cuentan con una lista de identificadores predefinidos que solo se pueden utilizar para los fines específicos para los que fueron diseñados. Estos identificadores especiales se denominan palabras reservadas. Algunas de estas palabras reservadas incluyen «break», «case», «const», «return», «try», «void», «for», entre otras.
Para definir un identificador, es importante seguir ciertas reglas, que incluyen:
🔹Debe comenzar necesariamente con una letra, guion bajo ( _ ) o el símbolo del dólar.
🔹A continuación, pueden seguir letras, números o guiones bajos.
🔹Los identificadores son sensibles a mayúsculas y minúsculas, lo que significa que se diferencia entre letras mayúsculas y minúsculas.
🔹Tendremos que poner nombres que realmente describan el contenido de la variable.
🔹No podremos usar símbolos de puntuación en el medio de la variable, ni la variable podrá contener espacios en blanco.
🔹No podremos utilizar caracteres raros como el signo +, un espacio, % , etc.
🔹No podrán comenzar con un número.
🔹Si queremos nombrar variables con dos palabras, tendremos que separarlas con el símbolo » _ « o bien diferenciando las palabras con una mayúscula, por ejemplo:
var mi_peso;
var miPeso; //Esta opción es más recomendable, ya que es más cómoda de escribir.