Introducción a módulos y espacios de nombres

Los módulos y los espacios de nombres de TypeScript ayudan a organizar y estructurar el código, especialmente en proyectos grandes.

Aunque ambos logran objetivos similares, se utilizan de forma diferente, y en esta lección aprenderá sus diferencias y usos.

¿Qué son los módulos?

Los módulos son archivos o fragmentos de código que exportan funcionalidades, como variables, funciones o clases, para reutilizarlas en otras partes de una aplicación.

TypeScript utiliza módulos ES para las funcionalidades de importación y exportación, que ahora son un estándar de JavaScript.

Exportación e importación en módulos

Puede exportar código desde un módulo mediante export e importarlo mediante import:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

Impórtelo en otro archivo:

// app.ts
import { add } from './math';
console.log(add(2, 3));

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import { add } from './math';
console.log(add(2, 3));

Exportaciones predeterminadas

TypeScript también permite realizar exportaciones predeterminadas, que permiten exportar un único valor desde un módulo:

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

Impórtelo sin llaves:

// app.ts
import add from './math';
console.log(add(2, 3));

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import add from './math';
console.log(add(2, 3));

¿Qué son los espacios de nombres?

Los espacios de nombres de TypeScript permiten agrupar código relacionado bajo un único nombre, lo que facilita su organización y evita conflictos de nombres.

Los espacios de nombres se definen mediante la palabra clave namespace.

Creación y uso de espacios de nombres

Este es un ejemplo de un espacio de nombres:

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

Puede utilizarlo de la siguiente manera:

console.log(MathUtils.add(2, 3));

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

console.log(MathUtils.add(2, 3));

Módulos frente a espacios de nombres

Estas son las diferencias principales entre los módulos y los espacios de nombres:

• Modules se basan en archivos y admiten la sintaxis de módulos ES.
• Namespaces son ideales para organizar el código en un solo archivo, pero se consideran obsoletos para las aplicaciones modernas.

Prácticas recomendadas

Al trabajar con TypeScript:

• Utilice modules en los proyectos nuevos, ya que se ajustan a los estándares modernos de JavaScript.
• Considere usar namespaces únicamente en proyectos heredados o pequeños.
• Mantenga siempre el código organizado y coherente.

¡Felicidades!

Ha aprendido a utilizar módulos y espacios de nombres para estructurar y organizar sus proyectos de TypeScript. ¡Siga practicando para dominar estos conceptos importantes!