JavaScript-program til at medtage en JS-fil i en anden JS-fil

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 importnø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 exportudsagnet. 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 importudsagnet 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.

Interessante artikler...