TypeScript

TypeScript es un superconjunto de JavaScript desarrollado por Microsoft que añade tipado estático opcional.

¿Qué es TypeScript?

Si JavaScript es como escribir a mano libre, entonces TypeScript es como escribir con una guía y corrector ortográfico que te ayuda a evitar errores antes de que sucedan.

TypeScript es una versión "mejorada" de JavaScript creada por Microsoft que añade un sistema de tipos. Esto significa que puedes especificar qué tipo de datos espera recibir cada variable, función o objeto, y TypeScript te avisará si intentas usar algo incorrecto.

¿Por qué es útil TypeScript?

• Detecta errores antes de que pasen - Como un corrector que revisa tu código
• Mejor autocompletado - Tu editor te sugiere opciones más precisas
• Código más fácil de entender - Los tipos actúan como documentación
• Refactoring seguro - Cambiar código sin romper otras partes
• Mejor colaboración - Los equipos entienden mejor el código de otros

TypeScript se "compila" (convierte) a JavaScript normal antes de ejecutarse, así que al final funciona en cualquier lugar donde funcione JavaScript. Es como tener un asistente que revisa tu trabajo antes de entregarlo.

La gran ventaja es que en proyectos grandes, TypeScript previene muchos errores comunes que en JavaScript solo descubrirías cuando ya es tarde, cuando el usuario final encuentra el problema.

Tipos Básicos

// Tipos primitivos
let nombre: string = "Ana";
let edad: number = 25;
let activo: boolean = true;

// Arrays
let numeros: number[] = [1, 2, 3];
let nombres: Array<string> = ["Juan", "María"];

// Objetos
interface Persona {
  nombre: string;
  edad: number;
  email?: string; // Opcional
}

const usuario: Persona = {
  nombre: "Carlos",
  edad: 30
};

Interfaces y Tipos

// Interface
interface Usuario {
  id: number;
  nombre: string;
  roles: string[];
}

// Type alias
type Estado = "pendiente" | "completado" | "cancelado";

// Generics
interface Respuesta<T> {
  data: T;
  mensaje: string;
  exito: boolean;
}

Funciones Tipadas

// Función con tipos
function sumar(a: number, b: number): number {
  return a + b;
}

// Arrow function
const multiplicar = (x: number, y: number): number => x * y;

// Función con parámetros opcionales
function saludar(nombre: string, apellido?: string): string {
  return apellido ? `Hola ${nombre} ${apellido}` : `Hola ${nombre}`;
}

Ventajas del Tipado

1. Detección temprana de errores
2. Mejor autocompletado en IDEs
3. Refactoring más seguro
4. Documentación implícita
5. Mejor colaboración en equipo

Compilación

TypeScript se compila a JavaScript:

# Instalar TypeScript
npm install -g typescript

# Compilar archivo
tsc archivo.ts

# Modo watch
tsc --watch archivo.ts

Relacionado

• JavaScript - Base de TypeScript
• React - Se puede usar con TypeScript
• Next.js - Soporte nativo para TypeScript
• Node.js - TypeScript en el backend
• Interfaces - Definición de contratos