Program JavaScript pro zahrnutí souboru JS do jiného souboru JS

V tomto příkladu se naučíte psát program JavaScript, který bude obsahovat soubor JS do jiného souboru JS.

Abyste pochopili tento příklad, měli byste znát následující programovací témata JavaScriptu:

  • Proměnné a konstanty JavaScriptu
  • Funkce a výrazy funkcí JavaScriptu
  • Moduly JavaScript

Příklad: Použití importu / exportu

Vytvořme soubor s názvem module.js (název souboru může být cokoli) s následujícím obsahem:

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

Chcete-li tyto proměnné a funkce zahrnout do jiného souboru, řekněme main.js , můžete importklíčové slovo použít jako:

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

Chcete-li zahrnout další soubor, musíte pomocí exportpříkazu exportovat kód, který chcete použít v jiném souboru . Například,

 export ( message, number, multiplyNumbers );

Můžete také provést individuální export. Například,

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

Chcete-li zahrnout kód z jiného souboru, musíte použít importpříkaz a importovat pomocí cesty k souboru. Například,

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

Potom můžete tyto kódy použít, protože jsou součástí stejného souboru.

To pomáhá při psaní čistšího, udržovatelného a modulárního kódu.

Zajímavé články...