JavaScript program za uključivanje JS datoteke u drugu JS datoteku

U ovom ćete primjeru naučiti pisati JavaScript program koji će sadržavati JS datoteku u drugu JS datoteku.

Da biste razumjeli ovaj primjer, trebali biste imati znanje o sljedećim temama programiranja JavaScript:

  • JavaScript varijable i konstante
  • JavaScript funkcija i izrazi funkcija
  • JavaScript moduli

Primjer: Korištenje uvoza / izvoza

Stvorimo datoteku nazvanu module.js (naziv datoteke može biti bilo koji) sa sljedećim sadržajem:

 // 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 );

Da biste uključili ove varijable i funkcije u drugu datoteku, recimo main.js , možete koristiti importključnu riječ kao:

 // 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

Da biste uključili drugu datoteku, morate izvesti kôd koji želite upotrijebiti u drugu datoteku pomoću exportizraza. Na primjer,

 export ( message, number, multiplyNumbers );

Možete izvršiti i pojedinačni izvoz. Na primjer,

 export const message = 'hello world'; export const number = 10;

Da biste uključili kôd iz druge datoteke, morate upotrijebiti importizjavu i uvesti putem datoteke. Na primjer,

 // importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';

Zatim možete koristiti ove kodove jer su dio iste datoteke.

To pomaže u pisanju čistijeg, održivog i modularnog koda.

Zanimljivi članci...