CodeForge

JavaScript de Cero a Experto / Primeros pasos

Variables: guardar datos con let y const

Teoría20 min20 XP

Un programa sin variables es una calculadora de un solo uso. Las variables te dejan GUARDAR datos con un nombre para usarlos, cambiarlos y combinarlos después — son el primer ladrillo de todo lo que construirás. Hoy aprendes a crearlas con let y const, y por qué el viejo var quedó atrás.

La caja con etiqueta

const y let

const (de "constante") es tu opción por defecto: la mayoría de los datos no necesitan cambiar, y sellarlos evita errores (nadie los modifica por accidente). let es para lo que SÍ evoluciona —un saldo, un contador, un turno—. Descomenta la última línea y ejecuta: reasignar una const lanza Assignment to constant variable — JavaScript te protege.

Nombrar bien: camelCase

Los nombres importan: un buen nombre hace el código legible sin comentarios.

nombres.js
// ✓ camelCase: primera palabra en minúscula, las siguientes con Mayúscula
const precioProducto = 25000;
const nombreUsuario = "Ana";

// ✗ nombres malos: no dicen nada o rompen las reglas
const x = 25000;        // ¿x de qué?
const precio-producto = 0;   // ❌ error: no se permiten guiones

Convención de JavaScript: camelCase (saldoActual, totalGastado). Las reglas duras: empieza con letra (o _/$), sin espacios ni guiones, y no uses palabras reservadas del lenguaje (let, const, if...). Un nombre como saldoActual se explica solo; s o x te hacen releer el código cada vez.

¿Y var? Mejor no

Vas a guardar el nombre de un usuario que NO cambiará durante el programa, y un contador de clics que SÍ irá subiendo. ¿Qué declaración usas para cada uno?

Mini-reto

Arranca tu proyecto del curso, "Mi Bolsillo" (un gestor de gastos que irás construyendo). Declara con const tu nombre y tu meta de ahorro del mes, y con let tu saldo actual. Luego "gasta" dos veces reasignando el saldo (saldo = saldo - ...) y muestra el saldo final con console.log. Fíjate: lo que no cambia va sellado; lo que evoluciona, en let.

Qué sigue

Guardaste textos y números en variables — pero ¿qué CLASE de dato es cada uno? La próxima lección abre los TIPOS PRIMITIVOS: los strings (texto) y los números, cómo se comportan, y las operaciones básicas con cada uno. Los materiales con los que construye todo programa.