
Volver a clases
Fundamentos de Programación●Principiante
Clase 1: Variables y Tipos de Datos en JavaScript
15 min
16 vistas
Aprende los conceptos básicos de variables, const, let y var, y los diferentes tipos de datos en JavaScript.
Introducción
Las variables son contenedores que almacenan datos. En JavaScript moderno (ES6+), tenemos tres formas de declarar variables: const, let y var.
Declaración de Variables
const
const se usa para valores que no van a cambiar. Una vez asignado, no se puede reasignar.
javascript1const PI = 3.14159; 2const NOMBRE_EMPRESA = "TechAcademy"; 3 4// ❌ Esto dará error: 5PI = 3.14; // TypeError: Assignment to constant variable
let
let se usa para valores que pueden cambiar. Tiene scope de bloque.
javascript1let edad = 25; 2let nombre = "Carlos"; 3 4// ✅ Esto es válido: 5edad = 26; 6nombre = "María";
var (⚠️ Evitar en código moderno)
var es la forma antigua. Tiene scope de función y puede causar bugs.
javascript1// ❌ No recomendado 2var contador = 0;
Tipos de Datos Primitivos
1. String (Cadenas de texto)
javascript1const nombre = "Ana"; 2const apellido = "García"; 3const mensaje = `Hola, ${nombre}!`; // Template literals
2. Number (Números)
javascript1const edad = 30; 2const precio = 19.99; 3const negativo = -5; 4const infinito = Infinity;
3. Boolean (Verdadero/Falso)
javascript1const esMayorDeEdad = true; 2const tieneDescuento = false;
4. Undefined
javascript1let sinValor; 2console.log(sinValor); // undefined
5. Null
javascript1const valorNulo = null; // Ausencia intencional de valor
6. Symbol (Único e inmutable)
javascript1const id = Symbol("id"); 2const id2 = Symbol("id"); 3console.log(id === id2); // false
7. BigInt (Números muy grandes)
javascript1const numeroGrande = 9007199254740991n;
Verificación de Tipos
javascript1console.log(typeof "Hola"); // "string" 2console.log(typeof 42); // "number" 3console.log(typeof true); // "boolean" 4console.log(typeof undefined); // "undefined" 5console.log(typeof null); // "object" (bug histórico de JS) 6console.log(typeof Symbol()); // "symbol" 7console.log(typeof 100n); // "bigint"
Conversión de Tipos
javascript1// String a Number 2const texto = "123"; 3const numero = Number(texto); // 123 4const numeroInt = parseInt(texto); // 123 5const numeroFloat = parseFloat("123.45"); // 123.45 6 7// Number a String 8const num = 42; 9const str = String(num); // "42" 10const str2 = num.toString(); // "42" 11 12// A Boolean 13Boolean(1); // true 14Boolean(0); // false 15Boolean(""); // false 16Boolean("texto"); // true
Ejercicios Prácticos
- Declara una constante con tu nombre completo
- Crea una variable para tu edad y súmale 5 años
- Crea un template literal que diga "Hola, me llamo [nombre] y tengo [edad] años"
- Convierte el string "100" a número y súmale 50
Ejemplos de Código
3 ejemplos
Buenas prácticas - Declaración de variables
javascript
1const CONSTANTE_GLOBAL = "No cambia";
2let variableLocal = "Puede cambiar";
3
4// Múltiples variables del mismo tipo
5const nombre = "Juan",
6 apellido = "Pérez",
7 edad = 25;
8
9// Desestructuración
10const [a, b, c] = [1, 2, 3];Template Literals - Interpolación de variables
javascript
1const nombre = "Ana";
2const edad = 28;
3
4// Template literal básico
5const saludo = `Hola, soy ${nombre}`;
6
7// Multi-línea
8const mensaje = `
9 Nombre: ${nombre}
10 Edad: ${edad}
11 Mayor de edad: ${edad >= 18 ? "Sí" : "No"}
12`;
13
14// Expresiones
15const suma = `El resultado es: ${10 + 20}`;Conversión y coerción de tipos
javascript
1// String a Number
2const texto = "42";
3console.log(Number(texto)); // 42
4console.log(+texto); // 42 (forma corta)
5console.log(parseInt(texto)); // 42
6
7// Number a String
8const numero = 123;
9console.log(String(numero)); // "123"
10console.log(numero + ""); // "123"
11console.log(`${numero}`); // "123"
12
13// Truthy y Falsy
14console.log(Boolean(0)); // false
15console.log(Boolean("")); // false
16console.log(Boolean(null)); // false
17console.log(Boolean(undefined)); // false
18console.log(Boolean(1)); // true
19console.log(Boolean("hola")); // trueRecursos
1 recurso disponible
Documentación Oficial
DocumentaciónPrincipiante15 min
JavaScript Variables - MDN Web Docs
Documentación oficial sobre declaración de variables en JavaScript