Dans cet exemple, vous apprendrez à écrire un programme JavaScript qui inclura un fichier JS dans un autre fichier JS.
Pour comprendre cet exemple, vous devez avoir la connaissance des sujets de programmation JavaScript suivants:
- Variables et constantes JavaScript
- Expressions de fonctions et de fonctions JavaScript
- Modules JavaScript
Exemple: utilisation de l'importation / exportation
Créons un fichier nommé module.js (le nom de fichier peut être n'importe quoi) avec le contenu suivant:
// program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );
Afin d'inclure ces variables et fonctions dans un autre fichier, disons main.js , vous pouvez utiliser le importmot - clé comme:
// import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40
Pour inclure un autre fichier, vous devez exporter le code que vous souhaitez utiliser dans un autre fichier à l'aide de l' exportinstruction. Par exemple,
export ( message, number, multiplyNumbers );
Vous pouvez également effectuer une exportation individuelle. Par exemple,
export const message = 'hello world'; export const number = 10;
Pour inclure le code d'un autre fichier, vous devez utiliser l' importinstruction et importer en utilisant le chemin du fichier. Par exemple,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Ensuite, vous pouvez utiliser ces codes car ils font partie du même fichier.
Cela aide à écrire un code plus propre, maintenable et modulaire.
