Guías Técnicas

Importación y Exportación de Módulos en TypeScript

  Módulos en TypeScript

En TypeScript, los módulos son bloques de código que pueden ser importados y exportados entre diferentes archivos. Esto permite una mejor organización del código y facilita la reutilización de funciones, clases y variables.

El uso de módulos en TypeScript es esencial para crear aplicaciones escalables y organizadas. La importación y exportación de módulos te permite reutilizar código y mantener una estructura de proyecto clara y eficiente.

Exportar Módulos

Para exportar un módulo, utiliza la palabra clave export. Puedes exportar funciones, clases, o variables.

Aquí tienes un ejemplo de cómo exportar una función y una clase:

typescript 
// archivo: matematicas.ts
export function sumar(a: number, b: number): number {
  return a + b;
}

export class Calculadora {
  multiplicar(a: number, b: number): number {
      return a * b;
  }
}

Importar Módulos

Para importar un módulo, utiliza la palabra clave import. Puedes importar todo un módulo o elementos específicos.

Aquí tienes un ejemplo de cómo importar la función y la clase desde el archivo anterior:

typescript 
// archivo: app.ts
import { sumar, Calculadora } from './matematicas';

const resultado = sumar(5, 3);
console.log(`La suma es: ${resultado}`); 
// Salida: La suma es: 8

const calc = new Calculadora();
console.log(`La multiplicación es: ${calc.multiplicar(4, 2)}`); 
// Salida: La multiplicación es: 8

Organización del Código en Archivos Separados

Separar tu código en diferentes archivos y módulos te ayuda a mantenerlo limpio y manejable. En proyectos grandes, es una buena práctica organizar las funcionalidades en diferentes módulos, creando archivos separados para cada uno.

Ejemplo de Estructura de Proyecto

bash 
mi_proyecto/
  ├── app.ts           # Archivo principal
  ├── matematicas.ts   # Módulo para operaciones matemáticas
  ├── usuario.ts       # Módulo para manejo de usuarios
  └── producto.ts      # Módulo para manejo de productos