Introdução a módulos e espaços de nomes

Os módulos e espaços de nomes no TypeScript ajudam a organizar e estruturar seu código, especialmente em projetos grandes.

Embora ambos alcancem objetivos semelhantes, são usados de maneiras diferentes, e esta lição orientará você sobre suas distinções e formas de uso.

O que são módulos?

Os módulos são arquivos ou trechos de código que exportam funcionalidades, como variáveis, funções ou classes, para serem reutilizadas em outras partes de uma aplicação.

O TypeScript usa módulos ES para funcionalidades de importação e exportação, que agora são um padrão no JavaScript.

Exportando e importando em módulos

Você pode exportar código de um módulo usando export e importá-lo usando import:

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

Importe-o em outro arquivo:

// 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));

Exportações padrão

O TypeScript também permite exportações padrão, que possibilitam exportar um único valor de um módulo:

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

Importe-o sem chaves:

// 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));

O que são espaços de nomes?

Os espaços de nomes no TypeScript são uma forma de agrupar código relacionado sob um único nome, oferecendo uma maneira de organizar o código e evitar conflitos de nomes.

Os espaços de nomes são definidos usando a palavra-chave namespace.

Criando e usando espaços de nomes

Veja um exemplo de espaço de nomes:

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

Você pode usá-lo assim:

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 versus espaços de nomes

Estas são as principais diferenças entre módulos e espaços de nomes:

• Módulos são baseados em arquivos e oferecem suporte à sintaxe de módulos ES.
• Espaços de nomes são ideais para organizar o código em um único arquivo, mas são considerados desatualizados para aplicações modernas.

Boas práticas

Ao trabalhar com TypeScript:

• Use módulos em novos projetos, pois eles seguem os padrões modernos do JavaScript.
• Considere usar espaços de nomes apenas em projetos legados ou de pequena escala.
• Mantenha sempre seu código organizado e consistente.

Parabéns!

Você aprendeu a usar módulos e espaços de nomes para estruturar e organizar seus projetos TypeScript. Continue praticando para dominar esses conceitos importantes!