Програма 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';

След това можете да използвате тези кодове, тъй като те са част от един и същ файл.

Това помага при писането на по-чист, поддържаем и модулен код.

Интересни статии...