Introduzione a moduli e namespace

In TypeScript, i moduli e i namespace aiutano a organizzare e strutturare il codice, soprattutto nei progetti di grandi dimensioni.

Sebbene raggiungano obiettivi simili, vengono utilizzati in modo diverso. Questa lezione guiderà l'utente attraverso le relative differenze e modalità d'uso.

Che cosa sono i moduli?

I moduli sono file o porzioni di codice che esportano funzionalità, come variabili, funzioni o classi, per poterle riutilizzare in altre parti di un'applicazione.

TypeScript utilizza i moduli ES per le funzionalità di importazione ed esportazione, ormai diventate uno standard di JavaScript.

Esportazione e importazione nei moduli

È possibile esportare il codice da un modulo utilizzando export e importarlo utilizzando import:

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

Importarlo in un altro file:

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

Esportazioni predefinite

TypeScript consente anche di utilizzare le esportazioni predefinite, che permettono di esportare un singolo valore da un modulo:

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

Importarlo senza parentesi graffe:

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

Che cosa sono i namespace?

In TypeScript, i namespace consentono di raggruppare codice correlato sotto un unico nome, offrendo un modo per organizzarlo ed evitare conflitti tra nomi.

I namespace vengono definiti utilizzando la parola chiave namespace.

Creazione e utilizzo dei namespace

Ecco un esempio di namespace:

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

È possibile utilizzarlo nel modo seguente:

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

Moduli e namespace a confronto

Ecco le principali differenze tra moduli e namespace:

• I moduli sono basati sui file e supportano la sintassi dei moduli ES.
• I namespace sono ideali per organizzare il codice in un singolo file, ma sono considerati obsoleti per le applicazioni moderne.

Buone pratiche

Quando si lavora con TypeScript:

• Utilizzare i moduli per i nuovi progetti, poiché sono in linea con gli standard moderni di JavaScript.
• Considerare i namespace solo per progetti legacy o di piccole dimensioni.
• Mantenere sempre il codice organizzato e coerente.

Congratulazioni!

Ha imparato a utilizzare moduli e namespace per strutturare e organizzare i progetti TypeScript. Continui a esercitarsi per padroneggiare questi concetti importanti.