Intermediojavascript
TypeScript: Tipado Estático y Seguridad
Descubre cómo TypeScript transforma el desarrollo en JavaScript agregando tipos, interfaces y detección temprana de errores.
¿Por qué la industria adoptó TypeScript?
TypeScript es un superset tipado de JavaScript que compila a JavaScript puro. Detecta errores en tiempo de desarrollo (antes de llegar a producción) y ofrece autocompletado y refactorización infalibles.
typescript
1// Interfaces y Types en TypeScript
2interface Usuario {
3 id: string;
4 nombre: string;
5 edad?: number; // Opcional
6 rol: "admin" | "estudiante" | "profe"; // Tipos unión literales
7}
8
9function bienvenida(u: Usuario): string {
10 return `Bienvenido ${u.nombre}, tienes rol de ${u.rol}`;
11}
12
13// Error detectado inmediatamente por el compilador:
14// bienvenida({ id: "1", nombre: "Luis", rol: "superadmin" });Genéricos (Generics)
Los genéricos permiten escribir componentes y funciones reutilizables que funcionan con múltiples tipos sin perder la seguridad de tipos.
typescript
1function obtenerPrimero<T>(lista: T[]): T | undefined {
2 return lista[0];
3}
4
5const primerNumero = obtenerPrimero<number>([10, 20, 30]); // tipo number
6const primeraPalabra = obtenerPrimero<string>(["hola", "mundo"]); // tipo stringPrueba lo aprendido
Escribe código y ejecútalo directamente en el navegador.
Live Sandbox (JAVASCRIPT)
Output