I dette eksemplet lærer du å skrive et JavaScript-program som inkluderer en JS-fil i en annen JS-fil.
For å forstå dette eksemplet, bør du ha kunnskap om følgende JavaScript-programmeringsemner:
- JavaScript-variabler og konstanter
- JavaScript-funksjon og funksjonsuttrykk
- JavaScript-moduler
Eksempel: Bruke import / eksport
La oss lage en fil med navnet module.js (filnavn kan være hva som helst) med følgende innhold:
// 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 å inkludere disse variablene og funksjonene i en annen fil, si main.js , kan du bruke import
nøkkelordet 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 å inkludere en annen fil, må du eksportere koden du vil bruke i en annen fil ved hjelp av export
setningen. For eksempel,
export ( message, number, multiplyNumbers );
Du kan også gjøre individuell eksport. For eksempel,
export const message = 'hello world'; export const number = 10;
For å inkludere kode fra en annen fil, må du bruke import
setningen og importere ved hjelp av filstien. For eksempel,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Deretter kan du bruke disse kodene da de er en del av den samme filen.
Dette hjelper deg med å skrive renere, vedlikeholdbar og modulær kode.