У цьому прикладі ви навчитеся писати програму 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';
Потім ви можете використовувати ці коди, оскільки вони є частиною одного файлу.
Це допомагає писати більш чистий, ремонтопридатний та модульний код.