Program JavaScript na zahrnutie súboru JS do iného súboru JS

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 importkľúč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 exportprí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ť importprí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.

Zaujímavé články...