En JavaScript, un module est un fichier contenant du code JavaScript qui est utilisé pour diviser le code en plusieurs fichiers plutôt qu’un unique fichier volumineux. Chaque module est une partie séparée de la logique de votre application.
Avec les modules, le code devient plus gérable, plus lisible et maintenable, et permet de recycler le code à travers de multiples projets. De plus, ils aident à organiser et à encapsuler des fonctionnalités spécifiques à des composants particuliers de votre application.
En JavaScript, vous pouvez exporter un module en utilisant la directive `export` et vous pouvez importer un module en utilisant la directive `import`.
Voici comment vous pouvez exporter un module :
```
// monModule.js
export function maFonction() {
// logique de la fonction
}
export const maVariable = ‘ma valeur’;
```
Dans l’exemple ci-dessus, nous avons deux exports, un pour `maFonction` et l’autre pour `maVariable`.
Voici comment vous pouvez importer un module :
```
// unAutreModule.js
import { maFonction, maVariable } from ‘./monModule.js’
maFonction(); // Utiliser la fonction importée
console.log(maVariable); // Affiche ‘ma valeur‘
```
Dans l’exemple ci-dessus, nous importons les exports nommés `maFonction` et `maVariable` de `monModule.js`. Une fois importé, vous pouvez utiliser la fonction ou la variable comme vous le souhaitez au sein de ce module.
Notez que le chemin du module est important lors de l’importation. Dans notre exemple, ‘./monModule.js’ signifie que monModule.js se trouve dans le même répertoire que unAutreModule.js. Si le fichier se trouvait dans un sous-répertoire, le chemin serait différent, par exemple ‘./sousRepertoire/monModule.js’.
