JavaScript-program för att inkludera en JS-fil i en annan JS-fil

Innehållsförteckning

I det här exemplet lär du dig att skriva ett JavaScript-program som innehåller en JS-fil i en annan JS-fil.

För att förstå detta exempel bör du ha kunskap om följande JavaScript-programmeringsämnen:

  • JavaScript-variabler och konstanter
  • JavaScript-funktion och funktionsuttryck
  • JavaScript-moduler

Exempel: Använda import / export

Låt oss skapa en fil med namnet module.js (filnamn kan vara vad som helst) med följande innehåll:

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

För att inkludera dessa variabler och funktioner i en annan fil, säg main.js , kan du använda importnyckelordet 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

För att inkludera en annan fil måste du exportera koden som du vill använda i en annan fil med exportuttalandet. Till exempel,

 export ( message, number, multiplyNumbers );

Du kan också göra individuell export. Till exempel,

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

För att inkludera kod från en annan fil måste du använda importuttalandet och importera med filvägen. Till exempel,

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

Sedan kan du använda dessa koder eftersom de är en del av samma fil.

Detta hjälper till att skriva renare, underhållbar och modulär kod.

Intressanta artiklar...