Los datos son el alma de cualquier aplicación. Las variables son cómo capturamos, almacenamos y etiquetamos esos datos para poder usarlos más tarde.
El Modelo Mental del Almacén
Imagina que la memoria de tu computadora (RAM) es un Almacén de Amazon masivo.
1. La Variable: Es una caja específica en un estante específico.
2. El Nombre de Variable: Es la etiqueta adhesiva que pones en la caja (ej., "emailUsuario").
3. El Valor: Es lo que pones dentro de la caja (ej., "[email protected]").
Sin la etiqueta (nombre de variable), tirarías datos en el almacén y nunca los volverías a encontrar.
Las Tres Palabras Clave
En JavaScript moderno (ES6+), tenemos reglas específicas para crear variables.
const (El Estándar)
Abreviatura de "Constante". Una vez que pones datos en esta caja, no puedes reemplazarlos. Esta es la opción más segura porque evita que sobrescribas datos importantes accidentalmente.
let (La Variante)
Usa esto SOLO cuando sepas que el valor necesita cambiar más tarde (como una puntuación en un juego o un contador de bucle).
puntaje = 10;
var. No la uses. Tiene reglas de alcance extrañas que causan errores. Si la ves en tutoriales antiguos, reemplázala con let o const.Asignación vs. Igualdad
Esta es la confusión #1 para principiantes. En matemáticas, = significa "es igual a". En programación, significa "establecer como".
let puntaje = 100; // "Establecer puntaje como 100"
puntaje = 200; // "Establecer puntaje como 200"
// Leemos esto de derecha a izquierda:
// 1. Calcular puntaje + 50 (250)
// 2. Poner ese resultado de nuevo en 'puntaje'
puntaje = puntaje + 50;
console.log(puntaje);Apoya a JS Fruggal visitando a nuestros patrocinadores.
Chequeo de Seguridad: Reasignando Const
¿Qué pasa si rompemos las reglas? Los desarrolladores profesionales aman los errores porque nos dicen exactamente qué salió mal. Intenta ejecutar este código y mira el mensaje de error en la consola.
const nombreApp = "JS Mastery";
// INTENTA EJECUTAR ESTO
// Verás: "TypeError: Assignment to constant variable."
nombreApp = "Otra Cosa";
console.log(nombreApp);Nombrando como un Pro
El código es leído por humanos más a menudo que por computadoras. Usamos una convención llamada camelCase.
| Tipo | Ejemplo | ¿Por qué? |
|---|---|---|
| Bueno | emailUsuario | Descriptivo. Empieza en minúscula. Nuevas palabras en mayúscula. |
| Malo | EmailUsuario | Empezar con mayúscula usualmente significa una "Clase" o "Componente". |
| Terrible | u, x, data | ¿Qué es u? ¿Qué es data? ¡Sé específico! |