Програма JavaScript для включення файлу JS до іншого файлу JS

У цьому прикладі ви навчитеся писати програму JavaScript, яка включатиме файл JS в інший файл JS.

Щоб зрозуміти цей приклад, ви повинні знати такі теми програмування JavaScript:

  • Змінні та константи JavaScript
  • Функція JavaScript та вирази функцій
  • Модулі JavaScript

Приклад: Використання імпорту / експорту

Давайте створимо файл із назвою module.js (ім'я файлу може бути будь-яким) із таким вмістом:

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

Щоб включити ці змінні та функції в інший файл, скажімо main.js , ви можете використовувати importключове слово як:

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

Щоб включити інший файл, вам потрібно експортувати код, який ви хочете використовувати в іншому файлі, використовуючи exportоператор. Наприклад,

 export ( message, number, multiplyNumbers );

Ви також можете зробити індивідуальний експорт. Наприклад,

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

Щоб включити код з іншого файлу, вам потрібно використати importоператор та імпортувати за допомогою шляху до файлу. Наприклад,

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

Потім ви можете використовувати ці коди, оскільки вони є частиною одного файлу.

Це допомагає писати більш чистий, ремонтопридатний та модульний код.

Цікаві статті...