JavaScript program egy JS fájl felvételére egy másik JS fájlba

Ebben a példában megtanul olyan JavaScript programot írni, amely egy JS fájlt tartalmaz egy másik JS fájlba.

A példa megértéséhez ismernie kell a következő JavaScript programozási témákat:

  • JavaScript változók és konstansok
  • JavaScript Function és Function Expressions
  • JavaScript modulok

Példa: Az importálás / exportálás használata

Hozzunk létre egy modul.js nevű fájlt (a fájlnév bármi lehet) a következő tartalommal:

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

Ezeknek a változóknak és függvényeknek egy másik fájlba, például a main.js fájlba történő felvétele érdekében a importkulcsszót a következőként használhatja :

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

Egy másik fájl felvételéhez exportálnia kell azt a kódot, amelyet egy másik fájlban használni szeretne az exportutasítás segítségével. Például,

 export ( message, number, multiplyNumbers );

Ön is végezhet egyedi exportálást. Például,

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

Ha egy másik fájlból szeretne kódot felvenni, akkor az importutasítást kell használnia, és a fájl elérési útján kell importálnia. Például,

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

Ezután használhatja ezeket a kódokat, mivel ugyanazon fájl részét képezik.

Ez segít a tisztább, karbantartható és moduláris kód írásában.

érdekes cikkek...