Lección 05: Variables
🧠 Concepto
Section titled “🧠 Concepto”Las variables son contenedores que almacenan datos. Piensa en ellas como cajas etiquetadas donde guardas información que tu programa necesita recordar.
Declaración de variables
Section titled “Declaración de variables”En JavaScript hay tres formas de declarar variables: var, let y const.
let — la forma moderna y recomendada. Declara una variable que puede cambiar de valor.
let nombre = 'Ana';nombre = 'Carlos'; // ✅ puedo cambiar el valorconst — para valores constantes que no cambiarán. Es obligatorio asignar un valor al declararla.
const PI = 3.1416;PI = 3; // ❌ Error: no se puede reasignar una constantevar — la forma antigua (pre-ES6). Tiene comportamientos extraños con el alcance. Evítala en código moderno.
var vieja = 'no recomendada'; // mejor no usarReglas de nomenclatura
Section titled “Reglas de nomenclatura”- Debe empezar con letra,
_(guion bajo) o$(signo de dólar). - No puede empezar con número.
- Sensible a mayúsculas/minúsculas:
nombre≠Nombre. - No puedes usar palabras reservadas del lenguaje (como
if,for,let,class).
Convenciones:
- Usa camelCase para variables:
miVariable,nombreCompleto,totalConIva. - Usa nombres descriptivos:
edadUsuarioen vez deeox.
Alcance básico (scope)
Section titled “Alcance básico (scope)”letyconsttienen alcance de bloque ({}).vartiene alcance de función (comportamiento menos predecible).
if (true) { let x = 10; var y = 20; console.log(x); // ✅ 10}console.log(x); // ❌ Error: x no está definida fuera del bloqueconsole.log(y); // ✅ 20 (con var, pero cuidado)💻 Ejemplo
Section titled “💻 Ejemplo”// Declaración con letlet nombreCurso = 'JavaScript para Principiantes';let estudiantes = 0;let activo = true;
// Declaración con constconst VERSION = '1.0';const AUTOR = 'Instructor';
// Modificando variablesestudiantes = 15;console.log('Curso:', nombreCurso);console.log('Estudiantes:', estudiantes);console.log('Versión:', VERSION);
// ❌ Esto daría error:// VERSION = '2.0'; // TypeError: Assignment to constant variable📝 Ejercicio
Section titled “📝 Ejercicio”- Crea un archivo
variables.js. - Declara tres variables con
let:nombrecon tu nombreedadcon tu edadesEstudiantecontrueofalse
- Declara una constante
ANO_ACTUALcon el año. - Imprime todo con
console.log(). - Cambia el valor de
edady vuélvelo a imprimir.
Ejemplo:
let nombre = 'Ana';let edad = 25;let esEstudiante = true;const ANO_ACTUAL = 2025;
console.log('Nombre:', nombre);console.log('Edad:', edad);console.log('¿Es estudiante?', esEstudiante);console.log('Año:', ANO_ACTUAL);
edad = 26;console.log('Edad actualizada:', edad);⚠️ Nota
Section titled “⚠️ Nota”Siempre usa const por defecto. Solo usa let cuando sepas que la variable cambiará de valor. Esto hace tu código más predecible y evita errores.
Puedes declarar varias variables en una línea separándolas con coma:
let a = 1, b = 2, c = 3;Pero para mejor legibilidad, es preferible declarar una variable por línea.