JavaScript programma, lai iekļautu JS failu citā JS failā

Šajā piemērā jūs iemācīsities rakstīt JavaScript programmu, kas iekļaus JS failu citā JS failā.

Lai saprastu šo piemēru, jums jāpārzina šādas JavaScript programmēšanas tēmas:

  • JavaScript mainīgie un konstantes
  • JavaScript funkciju un funkciju izteiksmes
  • JavaScript moduļi

Piemērs: Importa / eksporta izmantošana

Izveidosim failu module.js (faila nosaukums var būt jebkurš ) ar šādu saturu:

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

Lai šos mainīgos un funkcijas iekļautu citā failā, teiksim main.js , importatslēgvārdu varat izmantot kā:

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

Lai iekļautu citu failu, jums ir jāeksportē kods, kuru vēlaties izmantot citā failā, izmantojot exportpriekšrakstu. Piemēram,

 export ( message, number, multiplyNumbers );

Jūs varētu veikt arī individuālu eksportu. Piemēram,

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

Lai iekļautu kodu no cita faila, jums jāizmanto importpriekšraksts un jāimportē, izmantojot faila ceļu. Piemēram,

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

Tad jūs varat izmantot šos kodus, jo tie ir tā paša faila daļa.

Tas palīdz rakstīt tīrāku, uzturamu un modulāru kodu.

Interesanti raksti...