В этом примере вы научитесь писать программу на 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';
Затем вы можете использовать эти коды, поскольку они являются частью одного файла.
Это помогает писать более чистый, удобный в обслуживании и модульный код.