În acest exemplu, veți învăța să scrieți un program JavaScript care va include un fișier JS într-un alt fișier JS.
Pentru a înțelege acest exemplu, ar trebui să aveți cunoștințele despre următoarele subiecte de programare JavaScript:
- Variabile și constante JavaScript
- Funcția JavaScript și expresiile funcției
- Module JavaScript
Exemplu: Utilizarea importului / exportului
Să creăm un fișier numit module.js (numele fișierului poate fi orice) cu următorul conținut:
// 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 );
Pentru a include aceste variabile și funcții într-un alt fișier, să zicem main.js , puteți utiliza import
cuvântul cheie ca:
// 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
Pentru a include un alt fișier, trebuie să exportați codul pe care doriți să îl utilizați într-un alt fișier folosind export
instrucțiunea. De exemplu,
export ( message, number, multiplyNumbers );
De asemenea, puteți face exporturi individuale. De exemplu,
export const message = 'hello world'; export const number = 10;
Pentru a include codul dintr-un alt fișier, trebuie să utilizați import
declarația și să importați folosind calea fișierului. De exemplu,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Apoi, puteți utiliza aceste coduri deoarece fac parte din același fișier.
Acest lucru ajută la scrierea unui cod mai curat, care poate fi întreținut și modular.