Modules d’exportation et d’importation dans JavaScript

Partager

en JavaScript Les modules sont Essentiellement des bibliothèques incluses dans le code que nous écrivons, de cette manière les deux codes sont connectés ensemble, ce qui nous permet d’appeler des fonctions qui effectuent certaines tâches et ont été écrites dans les bibliothèques que nous importons, nous aide à éviter toute rédaction de tout le corps. de la fonction du nouveau fichier JavaScript, mais il est important de savoir comment nous devrions importer et exporter les modules de JavaScript et, dans ce message, je vais expliquer comment le faire.

Avant de continuer avec ce message, je vous invite à écouter le podcast: » 5 conseils comme un programmeur plus productif « (pas les conseils de programmation technique classiques, sinon routines et bonnes habitudes tous les jours):

Spotify:

Nuage sonore:

Eh bien maintenant Continuons avec le poste: Exporter et importer des modules E n JavaScript.

exporter un module

en JavaScript, il existe un objet spécial appelé module.exports et lorsque cet objet est utilisé et expose toutes les fonctions d’un certain module et sont accessibles à être utilisé dans le nouveau fichier où le module.exports est défini.

Voir ensuite un exemple dans JavaScript dans lequel le module.exports objet est utilisé, nous définissons 2 fonctions simples pour calculer et imprimer la zone et le périmètre. d’un rectangle, le code avec les fonctions que nous l’enregistrez dans un fichier avec le nom Milibreria.js

1
2
3
4
6
7
8
9
10

>

11
12
14
15

/ div> / div>

16

17

// fonction Zone
la zone = fonction (longue, largeur) {
recthanosea let = long * largeur;
console.log (« la zone rectangle est ‘+ rectanglea +’ unité carrée ‘);
// fonction périmètre
let périmètre = fonction (long , Largeur) {
rectanulperimètre let = 2 * (long + largeur);
console.log (« le périmètre du rectangle est » + rectangleter + « unité (s) » );
}
// exporter fonctionne
module.exports = {
zone,
périmètre

Si vous avez travaillé avec des frameworks comme réagissant JS, vous peut voir qu’à la fin d’un composant, il est généralement exporté, ce n’est pas le même code, mais il s’agit d’une référence sur la manière dont le code JavaScript est exporté. Maintenant, voyons comme un module dans JavaScript est importé.

Importer un module

dans JavaScript Importer un module Un module comprenant des fonctions d’une certaine bibliothèque, qui peut être utilisée dans le code où il est IMP Or.com le module déterminé. Pour importer un module, nous pouvons utiliser la fonction « exiger » dans laquelle nous transmettons le nom de la bibliothèque avec votre itinéraire relatif.

Par exemple, supposons que j’ai un dossier où j’ai un fichier appelé application. JS, maintenant je vais créer une bibliothèque dans le même dossier, je vous donnerai le nom de fichier Milibreria.js, puis je peux appeler ou importer cette bibliothèque à l’aide de la fonction requis, cela prend le nom du module. étant défini dans le fichier Milibreria.js:

« cd399A9A9A9″>
« 5CaCedbaf1″>
1
3
5

div> 6

div> 6

7
8

// importer le milibreria.js fichier contenant la zone de fonctions et le périmètre
Const Bibliothèque = nécessite (‘./duminBreria’);
Long = 18;
largeur = 9;
// J’appelle les fonctions définies dans le fichier Milibreria.js
bibliothèque.area (long, largeur);
bibliothèque.perimeter (long, largeur);

Si j’exécute le code précédent, je vais obtenir Les éléments suivants:

« 5CEDBAF1″>
1
2

// résultat
La zone du rectangle est de 162 unités carrées
Le périmètre du rectangle est 54 unité (s)

avec cela, j’ai utilisé les fonctions de la milibreria. fichier JS dans le fichier d’application.JS

Conclusion

De cette manière, nous pouvons importer une ou plusieurs librairies dans un autre fichier JavaScript, parfois, vous devrez peut-être effectuer des exportations et importer d’une autre manière, cela peut changer en fonction de quoi Vous devez faire, mais dans ce poste, je vous donne l’idée de faire ces tâches en JavaScript.

Note (s)

  • Le code présenté dans cet article Cela peut être modifié, devenant obsolète ou poursuivi, cela ne dépend pas de moi, sinon les développeurs qui soutiennent JavaScript.
  • N’oubliez pas que nous devrions utiliser la technologie pour faire de bonnes choses à travers le monde.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *