Volver a Fundamentos
Fundamentos — Leccion 1
·15 min¿Qué es TypeScript?
Introducción, historia, motores y por qué usarlo.
Introducción
TypeScript es un lenguaje de programación de código abierto desarrollado por Microsoft. Es un superconjunto tipado de JavaScript, lo que significa que any código JavaScript válido es también código TypeScript válido.
Dato clave: TypeScript no reemplaza a JavaScript, lo potencia. Se convierte en JavaScript antes de ejecutarse.
¿Por qué TypeScript?
| Ventaja | Descripción |
|---|---|
| Detección de errores | Encuentra errores en tiempo de compilación, no en runtime |
| Mejor IDE | Autocompletado, navegación, refactoring automático |
| Documentación | Los tipos actúan como documentación viva |
| Escalabilidad | Mantiene el código limpio en proyectos grandes |
| Adopción | Usado por Angular, Vue, Deno, y miles de empresas |
Historia
- 2012 — Microsoft internamente (Anders Hejlsberg)
- 2013 — Anuncio público en QCon
- 2014 — Open source en CodePlex
- 2016 — Angular 2 adopta TypeScript
- 2020 — Deno lo usa como lenguaje principal
- 2023 — TypeScript 5.x con mejoras de rendimiento
¿Cómo funciona TypeScript?
TypeScript (.ts) --> Compilador (tsc) --> JavaScript (.js) --> Ejecución
- Escribes código con tipos
- El compilador verifica los tipos
- Genera JavaScript limpio
- Se ejecuta en any navegador/Node
Ejemplo: JavaScript vs TypeScript
JavaScript:
javascript
function sumar(a, b) {
return a + b;
}
sumar("5", 3); // "53" — Error lógico no detectado
TypeScript:
typescript
function sumar(a: number, b: number): number {
return a + b;
}
sumar("5", 3); // Error de compilación!
Ejercicio pratico
Declara una variable 'nombre' de tipo string y una variable 'edad' de tipo number. Luego crea un console.log que muestre ambas.
exercise.ts
Loading...
Resultado
Haz clic en "Ejecutar" para ver el resultado...