Cargando...

Variables en JavaScript

Ya viste los comentarios: notas para personas, no un almacén para el programa. Ahora tocan las variables — cajas con nombre que guardan un valor para no repetir el mismo número o texto una y otra vez.

¿Qué es una variable en JavaScript y cómo se declara?

Una variable es un nombre que guarda un valor. Con let o const creas el nombre (declaras) y con = pones un valor. Después usas el nombre en lugar de repetir el valor. Si puede cambiar más adelante, usa let; si debe quedarse igual tras la primera asignación, const. En código antiguo a veces verás var; para principiantes en este curso bastan y preferimos let y const.

¿Qué palabra clave elegir?

📊 Elegir let, const o var como principiante

Palabra Ejemplo Consejo para principiantes
let let score = 10; Crea un nombre; luego puedes asignar otro valor
const const city = "Oslo"; Crea un nombre; no lo reasignes tras el primer valor
var var old = 1; Estilo antiguo; funciona, pero aquí usa let / const
Signo = score = 15; Coloca un valor en un nombre ya declarado con let
Leer el nombre console.log(score); Trae el valor guardado — el nombre representa los datos

Declara con let y mira el valor

let crea el nombre. El primer = guarda el valor. Con console.log lo ves en la consola.

let con una cadena

javascript 
let greeting = "Hello";
console.log(greeting);

Declara con const

const también guarda un valor; trata esa primera asignación como definitiva para ese nombre.

const con etiqueta fija

javascript 
const course = "JavaScript";
console.log(course);

Cambia un valor let

Con let puedes volver a usar =. El nombre no cambia; solo cambia lo que hay dentro.

Reasignar un let

javascript 
let score = 10;
score = 15;
console.log(score);

La consola muestra 15: la asignación posterior sustituyó a 10.

Primero el nombre, luego el valor

A veces escribes solo let status; y asignas en la línea siguiente. Mientras no haya nada dentro, no lo uses como si ya tuviera un valor útil.

Declarar y luego asignar

javascript 
let status;
status = "Ready";
console.log(status);

Dos nombres en una expresión

Los nombres pueden ir dentro de una expresión. El motor lee cada valor guardado y calcula el resultado.

dos variables en una expresión

javascript 
let a = 2;
let b = 3;
console.log(a + b);

Muestra el valor en la página

Guarda el texto en una variable y pásale ese nombre a textContent. Cambia solo la cadena de la variable y recarga: el encabezado se actualiza.

Texto de página desde una variable

html 
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>

El encabezado muestra lo que guarda message. La variable es el contenedor reutilizable; la línea del DOM solo pone la salida en la página — la habilidad que ya practicaste.

Pruébalo tú

  1. Crea un let con tu nombre como cadena, regístralo, asigna otra cadena y vuelve a registrar.
  2. Crea un const con un nombre de ciudad y regístralo. No reasignes; si lo intentas verás un error — quita esa línea.
  3. Escribe let total;, luego total = 5; y registra total.
  4. Crea dos números con let y registra su suma con +.
  5. En el demo HTML cambia solo la cadena de message, recarga y comprueba el encabezado.

Errores habituales

  • Usar el nombre antes de declararlo (o antes de un valor útil)
  • Escribir const score = 1; y luego score = 2; — const lo rechaza
  • Poner el número solo en un comentario y esperar que el programa lo «recuerde» — los comentarios no almacenan
  • Creer que todo ejemplo debe usar var — este curso prefiere let y const
  • Nombres ilegales o confusos (espacios, empezar con dígito) — revisa identificadores en Sintaxis

Resumen

  • Una variable es un contenedor con nombre para un valor reutilizable
  • Declara con let o const y asigna con =
  • Reasigna con let; deja const fijo tras el primer valor
  • En código principiante, prefiere let y const al viejo var
  • Siguiente: tipos de datos — qué clases de valores puede guardar una variable

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
7
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior
Tema 7 de 7
Javascript Tutorial