Introduction aux modules et aux espaces de noms

Les modules et les espaces de noms dans TypeScript aident à organiser et à structurer votre code, en particulier dans les projets de grande taille.

Bien qu’ils atteignent des objectifs similaires, ils s’utilisent différemment. Cette leçon vous guidera à travers leurs différences et leur utilisation.

Que sont les modules ?

Les modules sont des fichiers ou des fragments de code qui exportent des fonctionnalités, telles que des variables, des fonctions ou des classes, afin de les réutiliser dans d’autres parties d’une application.

TypeScript utilise les modules ES pour les fonctionnalités d’importation et d’exportation, qui sont désormais standard en JavaScript.

Exporter et importer dans les modules

Vous pouvez exporter du code depuis un module à l’aide de export et l’importer à l’aide de import :

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

Importez-le dans un autre fichier :

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

Exportations par défaut

TypeScript permet également les exportations par défaut, qui vous permettent d’exporter une seule valeur depuis un module :

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

Importez-la sans accolades :

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

Que sont les espaces de noms ?

Les espaces de noms dans TypeScript permettent de regrouper du code associé sous un seul nom, afin de l’organiser et d’éviter les conflits de noms.

Les espaces de noms sont définis à l’aide du mot-clé namespace.

Créer et utiliser des espaces de noms

Voici un exemple d’espace de noms :

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

Vous pouvez l’utiliser ainsi :

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

Modules ou espaces de noms

Voici les principales différences entre les modules et les espaces de noms :

• Les modules sont fondés sur des fichiers et prennent en charge la syntaxe des modules ES.
• Les espaces de noms sont idéaux pour organiser du code dans un seul fichier, mais sont considérés comme obsolètes pour les applications modernes.

Bonnes pratiques

Lorsque vous travaillez avec TypeScript :

• Utilisez les modules pour les nouveaux projets, car ils suivent les normes modernes de JavaScript.
• Envisagez les espaces de noms uniquement pour les projets anciens ou de petite taille.
• Veillez toujours à garder votre code organisé et cohérent.

Félicitations !

Vous avez appris à utiliser les modules et les espaces de noms pour structurer et organiser vos projets TypeScript. Continuez à vous exercer afin de maîtriser ces concepts importants !