I dette eksempel lærer du at skrive et JavaScript-program, der inkluderer en JS-fil i en anden JS-fil.
For at forstå dette eksempel skal du have kendskab til følgende JavaScript-programmeringsemner:
- JavaScript-variabler og konstanter
- JavaScript-funktion og funktionsudtryk
- JavaScript-moduler
Eksempel: Brug af import / eksport
Lad os oprette en fil med navnet module.js (filnavn kan være hvad som helst) med følgende indhold:
// 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 );
For at inkludere disse variabler og funktioner i en anden fil, siger main.js , kan du bruge import
nøgleordet som:
// 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
For at inkludere en anden fil skal du eksportere den kode, du vil bruge, i en anden fil ved hjælp af export
udsagnet. For eksempel,
export ( message, number, multiplyNumbers );
Du kan også udføre individuel eksport. For eksempel,
export const message = 'hello world'; export const number = 10;
For at medtage kode fra en anden fil skal du bruge import
udsagnet og importere ved hjælp af filstien. For eksempel,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Derefter kan du bruge disse koder, da de er en del af den samme fil.
Dette hjælper med at skrive renere, vedligeholdelig og modulær kode.