В този пример ще се научите да пишете програма на 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';
След това можете да използвате тези кодове, тъй като те са част от един и същ файл.
Това помага при писането на по-чист, поддържаем и модулен код.