JavaScript desde cero: variables y tipos de datos

Si acabas de decidir que quieres aprender a programar y JavaScript es tu punto de entrada (como le pasa a la mayoría), es normal que las primeras dudas no sean sobre lógica ni sobre proyectos, sino sobre lo más básico: ¿dónde escribo esto? ¿qué es una variable? ¿por qué unos tutoriales usan var, otros let y otros const?

Este artículo es esa primera lección que probablemente nadie te ha explicado con calma: cómo escribir tu primera línea de JavaScript sin instalar nada, qué son las variables y cómo se usan hoy en día, y qué tipos de datos vas a manejar constantemente. Es el primer paso de una serie con la que iremos construyendo, artículo a artículo, una base sólida de JavaScript desde cero.

¿Por qué JavaScript suele ser el primer lenguaje?

JavaScript es el único lenguaje que entienden de forma nativa todos los navegadores, así que cualquier página web con la que interactúas —un menú que se despliega, un formulario que valida datos, un mapa que se mueve— probablemente tiene JavaScript detrás. Eso lo convierte en una opción práctica para empezar: no necesitas instalar nada para ver resultados, y lo que aprendes se aplica directamente a algo que ya usas todos los días, la web.

Además, con Node.js —la herramienta que ya usamos en este blog para el backend— el mismo lenguaje sirve también para programar fuera del navegador, así que lo que aprendas aquí no se queda solo en la web.

Dónde escribir tu primer código, sin instalar nada

La forma más rápida de probar JavaScript es la consola del navegador, una ventana donde puedes escribir código y ver el resultado al instante:

1. Abre cualquier página web (por ejemplo, esta misma).
2. Pulsa F12 (en Mac, si no funciona, prueba clic derecho → "Inspeccionar").
3. Ve a la pestaña Console (o "Consola").

Ahí puedes escribir código JavaScript y pulsar Intro para ejecutarlo. Prueba con esto:

console.log("Hola, estoy programando");

console.log() es la instrucción que vas a usar más veces en toda tu vida como programador: muestra en la consola lo que le pongas dentro de los paréntesis. Es la herramienta número uno para comprobar qué está haciendo tu código, mucho antes de que aprendas a depurar de formas más avanzadas.

Si prefieres trabajar desde la terminal en vez del navegador, y ya tienes Node.js instalado, puedes abrir una consola de JavaScript escribiendo node en tu terminal y probar el mismo código ahí. Si todavía no te manejas con la terminal, tenemos una guía de comandos de terminal que te puede venir bien antes de seguir.

Variables: cómo guardar información en tu programa

Una variable es, sencillamente, un espacio con nombre donde guardas un valor para poder usarlo más adelante en tu código. En vez de escribir el mismo texto o número una y otra vez, lo guardas una vez y usas el nombre que le has puesto.

let nombre = "Ana";
console.log(nombre);

Aquí nombre es la variable, y "Ana" es el valor que guarda. A partir de ahora, cada vez que escribas nombre en tu código, JavaScript lo sustituye por ese valor.

let, const y var: cuál usar (y por qué vas a ver los tres)

Vas a encontrarte tres palabras distintas para declarar variables en tutoriales, cursos y código de otras personas. Solo dos de ellas se recomiendan hoy en día:

Palabra clave	¿Se puede reasignar?	¿Cuándo usarla?
const	No	Tu opción por defecto: úsala siempre que el valor no vaya a cambiar
let	Sí	Cuando sepas que el valor va a cambiar más adelante (un contador, un total que se actualiza...)
var	Sí	Casi nunca: es la forma antigua, anterior a 2015, y se comporta de forma menos predecible

const PI = 3.1416;     // no se puede reasignar
let puntos = 0;        // sí se puede reasignar
puntos = puntos + 10;  // esto funciona porque es "let"

La regla práctica que te va a servir el 90% de las veces: empieza siempre por const, y cámbialo a let solo si el propio código te obliga a ello (JavaScript te lanzará un error si intentas reasignar una const). Vas a ver mucho var en tutoriales antiguos o en proyectos heredados, pero para código nuevo no hay motivo para usarlo.

Cómo se nombran las variables

• Pueden contener letras, números, _ y $, pero no pueden empezar por un número.
• Distinguen mayúsculas de minúsculas: edad y Edad son dos variables distintas.
• Por convención, se escriben en camelCase: nombreCompleto, no nombre_completo ni NombreCompleto.
• Usa nombres que describan lo que guardan: precioTotal se entiende sin esfuerzo; x o dato2, no.

Una confusión habitual al empezar: estas variables no tienen nada que ver con las variables de entorno de las que hablamos en otro artículo. Son dos conceptos que comparten nombre mientras resuelven problemas completamente distintos: una vive dentro de tu código y solo existe mientras se ejecuta; la otra vive fuera del código y sirve para guardar configuración o claves sensibles.

Tipos de datos: qué puede guardar una variable

Cada valor que guardas en una variable tiene un tipo de dato, y JavaScript lo detecta automáticamente por ti (no tienes que declararlo, a diferencia de otros lenguajes). Los que vas a usar constantemente al empezar son estos cuatro:

Tipo	Ejemplo	Para qué sirve
String (texto)	"Hola"	Cualquier texto, siempre entre comillas
Number (número)	42, 3.14	Números enteros o decimales, sin comillas
Boolean (booleano)	true, false	Solo dos valores posibles: verdadero o falso
Undefined	undefined	El valor por defecto de una variable a la que todavía no le has puesto nada

let edad = 28;              // Number
let ciudad = "Madrid";      // String
let esDeveloper = true;     // Boolean
let apellido;
console.log(apellido);      // undefined: se declaró, pero no se le dio valor

Hay un quinto valor especial, null, que se parece a undefined pero significa algo distinto: undefined es "todavía no tiene valor", mientras que null es "este valor está vacío a propósito" — lo asignas tú mismo cuando quieres decir explícitamente "aquí no hay nada".

Si en algún momento no tienes claro qué tipo de dato tiene una variable, JavaScript te lo dice directamente con typeof:

console.log(typeof "Hola");    // "string"
console.log(typeof 42);        // "number"
console.log(typeof true);      // "boolean"
console.log(typeof undefined); // "undefined"

Cuidado con esto: JavaScript convierte tipos por su cuenta

Uno de los primeros tropiezos casi universales tiene que ver con el operador +. Con números, suma; con texto, une (concatena) los dos valores. El problema aparece cuando mezclas ambos:

console.log(5 + 3);        // 8 (suma)
console.log("5" + 3);      // "53" (concatena, porque "5" es texto)
console.log("5" - 3);      // 2 (aquí sí convierte el texto a número)

Esto pasa muy a menudo cuando el número viene de un formulario o de una API, porque en esos casos suele llegar como texto aunque parezca un número. Si te encuentras un resultado como "53" en vez de 8, este es casi siempre el motivo.

Juntando todo en un ejemplo pequeño

const nombre = "Marta";
let edad = 24;
let esEstudiante = true;

console.log("Nombre: " + nombre);
console.log("Edad: " + edad);
console.log("¿Estudiante?: " + esEstudiante);

edad = edad + 1; // esto funciona porque "edad" es let, no const
console.log("El año que viene tendrá: " + edad);

Prueba a pegar este bloque en la consola del navegador y cambia los valores por los tuyos. La mejor forma de que esto se te quede es tocarlo tú, no solo leerlo — intenta modificarlo antes de seguir leyendo, aunque sea a base de prueba y error.

Errores típicos al empezar

• Reasignar una const. JavaScript te lanzará TypeError: Assignment to constant variable.. La solución no es "forzarlo", es cambiar esa variable a let si de verdad necesita cambiar.
• Olvidar las comillas en un texto. let ciudad = Madrid; falla, porque JavaScript intenta interpretar Madrid como el nombre de una variable que no existe. El texto siempre va entre comillas: "Madrid".
• Confundir = con ==. Un único = asigna un valor; para comparar si dos valores son iguales hace falta == o, mejor, === (de esto hablaremos con detalle en un próximo artículo sobre condicionales).
• Sumar un texto y un número esperando una suma matemática. Como has visto arriba, revisa si de verdad estás trabajando con números o con texto que solo lo parece.

En resumen

• Puedes escribir y probar JavaScript ahora mismo, sin instalar nada, desde la consola del navegador (F12 → Console).
• Una variable guarda un valor con un nombre para poder reutilizarlo; declárala con const por defecto, y usa let solo si necesitas reasignarla. Evita var en código nuevo.
• Los tipos de datos básicos son string (texto), number (número), boolean (verdadero/falso) y undefined (sin valor asignado); typeof te dice el tipo de cualquier valor.
• JavaScript convierte tipos automáticamente, y eso es lo que provoca la mayoría de resultados raros al empezar — sobre todo mezclando texto y números con +.

Esto es lo mínimo con lo que ya puedes empezar a escribir tus primeras líneas de código de verdad. En próximos artículos seguiremos este mismo hilo con funciones, arrays y cómo tomar decisiones en tu código con condicionales — la idea es ir construyendo, pieza a pieza, la base completa de JavaScript.

Si todavía estás decidiendo cómo organizar tu aprendizaje, échale un vistazo a nuestra comparativa de freeCodeCamp, Udemy y YouTube, o a la comparación de bootcamp, grado universitario y autodidacta si la duda es más de fondo. Y si vas a apoyarte en un asistente de IA mientras practicas esto, te interesa cómo usarla sin dejar de aprender de verdad.