Saltar al contenidoPedro Farbo
Lección 1 / 515 min

¿Qué es TypeScript?

¿Qué es TypeScript?

TypeScript es un superset de JavaScript desarrollado por Microsoft que agrega tipado estático opcional al lenguaje. Esto significa que todo código JavaScript válido también es código TypeScript válido.

¿Por qué usar TypeScript?

1. Detección de Errores en Tiempo de Desarrollo

Con TypeScript, muchos errores comunes se detectan antes de ejecutar el código:

typescript
// JavaScript - el error solo aparece en runtimefunction suma(a, b) {  return a + b;}suma("5", 3); // "53" - ¡concatenación en lugar de suma! // TypeScript - el error aparece inmediatamentefunction suma(a: number, b: number): number {  return a + b;}suma("5", 3); // Error: Argument of type 'string' is not assignable to parameter of type 'number'

2. Mejor Autocompletado e IntelliSense

Con tipos definidos, tu IDE sabe exactamente qué métodos y propiedades están disponibles:

typescript
interface Usuario {  nombre: string;  email: string;  edad: number;} const usuario: Usuario = {  nombre: "Pedro",  email: "pedro@email.com",  edad: 30}; // Tu IDE sugiere: nombre, email, edadusuario. // ← ¡el autocompletado funciona perfectamente!

3. Refactorización Segura

Cuando renombras una variable o cambias la estructura de un objeto, TypeScript muestra todos los lugares que necesitan ser actualizados.

4. Documentación Integrada

Los tipos sirven como documentación que nunca queda desactualizada:

typescript
// La firma de la función ya documenta lo que espera y retornafunction calcularDescuento(  precio: number,  porcentaje: number): number {  return precio * (1 - porcentaje / 100);}

¿Cómo funciona TypeScript?

TypeScript no se ejecuta directamente en el navegador o en Node.js. Necesita ser transpilado (convertido) a JavaScript:

archivo.ts → Compilador TypeScript (tsc) → archivo.js

El código resultante es JavaScript puro que puede ejecutarse en cualquier entorno.

Instalando TypeScript

Para comenzar a usar TypeScript, necesitas instalarlo globalmente o como dependencia del proyecto:

bash
# Instalación globalnpm install -g typescript # O como dependencia del proyectonpm install --save-dev typescript

Luego, puedes compilar archivos .ts:

bash
# Compilar un archivotsc archivo.ts # Compilar en modo watchtsc --watch

Conclusión

TypeScript es una herramienta poderosa que aporta seguridad y productividad a los proyectos JavaScript. En la próxima lección, exploraremos los tipos básicos disponibles en el lenguaje.

¿Te gustó el contenido? ¡Tu contribución ayuda a mantener todo online y gratuito!

PIX:0737160d-e98f-4a65-8392-5dba70e7ff3e