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 import
kulcsszó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 export
utasí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 import
utasí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.