V tomto príklade sa naučíte písať program JavaScript, ktorý bude obsahovať súbor JS do iného súboru JS.
Aby ste pochopili tento príklad, mali by ste mať znalosti nasledujúcich tém programovania v jazyku JavaScript:
- Premenné a konštanty JavaScriptu
- Funkcia JavaScript a výrazy funkcií
- Moduly JavaScript
Príklad: Použitie importu / exportu
Vytvorme súbor s názvom module.js (názov súboru môže byť akýkoľvek) s nasledujúcim obsahom:
// 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 );
Ak chcete zahrnúť tieto premenné a funkcie do iného súboru, napríklad main.js , môžete import
kľúčové slovo použiť ako:
// 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
Ak chcete zahrnúť ďalší súbor, musíte pomocou export
príkazu exportovať kód, ktorý chcete použiť v inom súbore . Napríklad,
export ( message, number, multiplyNumbers );
Môžete tiež vykonať individuálny export. Napríklad,
export const message = 'hello world'; export const number = 10;
Ak chcete zahrnúť kód z iného súboru, musíte použiť import
príkaz a importovať pomocou cesty k súboru. Napríklad,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Potom môžete tieto kódy použiť, pretože sú súčasťou toho istého súboru.
To pomáha pri písaní čistejšieho, udržiavateľného a modulárneho kódu.