Variables — Fundamentos de JavaScript

• Repetir valores sin variables
• Usar una variable
• ¿Cómo se crea una variable?
• Reglas para nombres de variables
• Errores comunes
• Constantes
  • ¿Cuándo usar const o let?

En casi todos los programas necesitas guardar información: el nombre de un usuario, un puntaje, una dirección, una moneda… Para eso existen las variables y constantes.

Repetir valores sin variables

Imagina que quieres mostrar el mismo mensaje varias veces:

console.log('¡Fuego!'); // => ¡Fuego!
console.log('¡Fuego!');
console.log('¡Fuego!');
console.log('¡Fuego!');
console.log('¡Fuego!');

Funciona, pero si mañana quieres cambiar "¡Fuego!" por "¡Dracarys!", tendrías que editar todas las líneas. Y si hay 50, será un problema.

Usar una variable

Podemos guardar el valor en una variable con let y usar su nombre en lugar del texto directo:

let mensaje = '¡Fuego!';

console.log(mensaje); // => ¡Fuego!
console.log(mensaje); // => ¡Fuego!

Si luego quieres cambiar el contenido, solo modificas una línea:

mensaje = '¡Dracarys!';
console.log(mensaje); // => ¡Dracarys!
console.log(mensaje); // => ¡Dracarys!

¿Cómo se crea una variable?

Para declarar una variable usamos let, luego le damos un nombre y un valor:

let saludo = 'Hola desde Invernalia';
console.log(saludo);

❓ ¿Y si quiero cambiar el valor?

Solo reasignas el contenido, sin usar let otra vez:

let casa = 'Stark';
casa = 'Targaryen';

❓ ¿Y si la creo sin valor?

También puedes crear una variable vacía al principio y darle valor más adelante:

let personaje;
console.log(personaje); // => undefined

personaje = 'Arya Stark';
console.log(personaje); // => Arya Stark

Cuando una variable no tiene un valor inicial, su contenido es undefined. Este es un valor especial en JavaScript que indica "aún no definido".

Reglas para nombres de variables

Errores comunes

Cuando empiezas a usar variables, es normal cometer algunos errores. Aquí te mostramos los más comunes y cómo evitarlos.

❌ Usar una variable antes de declararla

console.log(frase);
let frase = 'Valar Dohaeris'; // ReferenceError

Estás intentando usar la variable frase antes de haberla creado. JavaScript no la conoce todavía, por eso da un error.

✅ Solución: declara la variable primero, luego úsala.

let frase = 'Valar Dohaeris';
console.log(frase); // ✅ Funciona bien

❌ Volver a declarar una variable con let

let casa = 'Stark';
let casa = 'Targaryen'; // Error: ya existe

Ya creaste la variable casa con let, así que no puedes volver a crearla con el mismo nombre.

✅ Si solo quieres cambiar el valor, no uses let otra vez. Solo asigna el nuevo valor:

let casa = 'Stark';
casa = 'Targaryen'; // Esto sí está bien

Constantes

A veces en un programa hay datos que no deberían cambiar nunca: por ejemplo, la tasa de cambio, el valor de PI o el nombre de una casa. Para eso usamos constantes, que se crean con const en lugar de let.

const pi = 3.14;
console.log(pi); // => 3.14

// Intentamos cambiar su valor
pi = 5; // ❌ TypeError: Assignment to constant variable.

¿Cuándo usar const o let?

• Usa const si el valor no cambiará (ej: moneda, nombre de una casa, tasa fija).
• Usa let si piensas que lo vas a modificar más adelante.

const tasaDolar = 3900;
const cantidad = 5;
const total = tasaDolar * cantidad;

console.log(total); // => 19500

Aquí usamos const porque la tasa y la cantidad no deben modificarse. Si cambiaras tasaDolar por error, podrías romper el cálculo. Por eso lo protegemos con const.

En las siguientes lecciones aprenderemos más sobre cómo trabajar con variables y datos en JavaScript.

Materiales adicionales

1. Webinar de Códica 🎬 Variables, tipos de datos y funciones en JavaScript