Modules Javascript
Modules
Les modules JavaScript vous permettent de diviser votre code en fichiers séparés.
Cela facilite la maintenance d’une base de code.
Les modules sont importés à partir de fichiers externes avec le import déclaration.
Les modules s’appuient également sur type="module" dans la balise
Essayez-le vous-même »
Exporter
modules avec les fonctions ou variables peuvent être stockés dans n’importe quel fichier externe.
Il existe deux types d’exportation : Exportations nommées et Exportations par défaut.
Exportations nommées
Créons un fichier nommé person.jset remplissez-le avec les choses que nous voulons exporter.
Vous pouvez créer des exportations nommées de deux manières. En ligne individuellement, ou tous à la fois en bas.
En ligne individuellement :
person.js
export const name = « Jesse » ;
export const âge = 40 ;
Tout à la fois en bas :
person.js
nom constant = « Jesse » ;
âge constant = 40 ;
exporter {nom, âge} ;
Exportations par défaut
Créons un autre fichier, nommé message.jset utilisez-le pour illustrer l’exportation par défaut.
Vous ne pouvez avoir qu’une seule exportation par défaut dans un fichier.
Exemple
message.js
const message = () => {
nom constant = « Jesse » ;
âge constant = 40 ;
return name + ‘ is ‘ + age + ‘years old.’;
} ;
exporter le message par défaut ;
Importer
Vous pouvez importer des modules dans un fichier de deux manières, selon qu’il s’agit d’exportations nommées ou d’exportations par défaut.
Les exportations nommées sont construites à l’aide d’accolades. Les exportations par défaut ne le sont pas.
Importer à partir d’exportations nommées
Importez des exportations nommées à partir du fichier person.js :
import { nom, âge } de « ./person.js » ;
Essayez-le vous-même »
Importer à partir des exportations par défaut
Importez un export par défaut depuis le fichier message.js :
importer le message depuis « ./message.js » ;
Essayez-le vous-même »
Note
Les modules fonctionnent uniquement avec le protocole HTTP(s).
Une page Web ouverte via le protocole file:// ne peut pas utiliser l’import/export.
#Modules #Javascript
