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 import
ključ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 export
izraza. 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 import
izjavu 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.