Aprende a usar `const` y `let` correctamente, entender tipos básicos y evitar errores comunes de conversión para escribir lógica más segura desde el inicio.
En JavaScript, casi todo problema se reduce a gestionar datos: guardarlos, transformarlos y verificar que tienen el tipo correcto.
Por eso variables y tipos no son teoría suelta; son la base de condicionales, funciones, arrays, formularios y APIs.
En esta lección vas a entrenar hábitos que evitan bugs silenciosos: elegir bien entre `const` y `let`, inspeccionar tipos y nombrar variables con claridad.
Meta práctica: dejar de programar por intuición y empezar a programar con datos explícitos y confiables.
Una variable representa estado real de tu aplicación en un momento concreto.
Un precio, un usuario autenticado o el número de elementos en un carrito son datos que cambian con la interacción. Las variables capturan ese estado para que tu lógica pueda trabajar con él.
Si el dato está mal modelado o mal nombrado, la lógica se vuelve confusa y aparecen errores que cuestan tiempo en depuración.
Usa `const` por defecto y `let` solo cuando haya reasignación necesaria.
`const` protege de reasignaciones accidentales y comunica estabilidad. `let` expresa intención de cambio en el flujo.
Esta disciplina reduce bugs y mejora lectura colaborativa: quien revisa el código entiende rápido qué valores son estables y cuáles evolucionan.
Reconocer tipos rápido te ahorra horas de debugging.
En básico usarás sobre todo `string`, `number`, `boolean`, `undefined` y `null`. Cada uno se comporta diferente en operaciones y comparaciones.
`typeof` es tu herramienta de inspección inmediata cuando sospechas que un dato no es lo que esperabas.
Construye mensajes legibles sin concatenación frágil.
Usar backticks y `${}` mejora claridad para logs, textos de interfaz y resumen de cálculos.
Esto evita cadenas largas con `+` que suelen introducir errores de formato y lectura.
Cuando mezclas tipos, JavaScript puede convertir por ti y no siempre como esperas.
`'2' + 2` produce `'22'` porque el operador `+` con string concatena. En cambio `'2' * 2` produce `4` por conversión numérica implícita.
En entradas de usuario y formularios, convierte explícitamente con `Number(...)` antes de operar.
Aprende a usar `const` y `let` correctamente, entender tipos básicos y evitar errores comunes de conversión para escribir lógica más segura desde el inicio.
Código del tema: const · let · tipos
Una variable representa estado real de tu aplicación en un momento concreto.
Un precio, un usuario autenticado o el número de elementos en un carrito son datos que cambian con la interacción. Las variables capturan ese estado para que tu lógica pueda trabajar con él.
Si el dato está mal modelado o mal nombrado, la lógica se vuelve confusa y aparecen errores que cuestan tiempo en depuración.
Usa `const` por defecto y `let` solo cuando haya reasignación necesaria.
`const` protege de reasignaciones accidentales y comunica estabilidad. `let` expresa intención de cambio en el flujo.
Esta disciplina reduce bugs y mejora lectura colaborativa: quien revisa el código entiende rápido qué valores son estables y cuáles evolucionan.
const curso = 'JavaScript';
let progreso = 0;
progreso += 25;
progreso += 25;
console.log(curso);
console.log('Progreso:', progreso);Reconocer tipos rápido te ahorra horas de debugging.
En básico usarás sobre todo `string`, `number`, `boolean`, `undefined` y `null`. Cada uno se comporta diferente en operaciones y comparaciones.
`typeof` es tu herramienta de inspección inmediata cuando sospechas que un dato no es lo que esperabas.
const nombre = 'Alicia';
const edad = 31;
const activo = true;
let referencia;
const avatar = null;
console.log(typeof nombre);
console.log(typeof edad);
console.log(typeof activo);
console.log(typeof referencia);
console.log(typeof avatar);Construye mensajes legibles sin concatenación frágil.
Usar backticks y `${}` mejora claridad para logs, textos de interfaz y resumen de cálculos.
Esto evita cadenas largas con `+` que suelen introducir errores de formato y lectura.
const nombre = 'Diego';
const plan = 'Pro';
const precio = 49;
console.log(`Alumno: ${nombre} | Plan: ${plan} | Precio: ${precio}€`);Cuando mezclas tipos, JavaScript puede convertir por ti y no siempre como esperas.
`'2' + 2` produce `'22'` porque el operador `+` con string concatena. En cambio `'2' * 2` produce `4` por conversión numérica implícita.
En entradas de usuario y formularios, convierte explícitamente con `Number(...)` antes de operar.
const inputCantidad = '3';
const inputPrecio = '19.99';
const cantidad = Number(inputCantidad);
const precio = Number(inputPrecio);
const total = cantidad * precio;
console.log('Total:', total);Apoyo visual para entender declaracion, reasignacion y alcance basico de variables.
Refuerza la idea mas importante del nivel basico: una variable no es solo sintaxis, sino una forma de representar estado.
