In dit voorbeeld leert u een JavaScript-programma te schrijven dat een JS-bestand in een ander JS-bestand zal opnemen.
Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:
- JavaScript-variabelen en constanten
- JavaScript-functie en functie-expressies
- JavaScript-modules
Voorbeeld: importeren / exporteren gebruiken
Laten we een bestand maken met de naam module.js (bestandsnaam kan van alles zijn) met de volgende inhoud:
// 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 );
Om deze variabelen en functies in een ander bestand op te nemen, bijvoorbeeld main.js , kunt u het import
trefwoord gebruiken als:
// 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
Om een ander bestand op te nemen, moet u de code die u in een ander bestand wilt gebruiken exporteren met behulp van de export
instructie. Bijvoorbeeld,
export ( message, number, multiplyNumbers );
U kunt ook individueel exporteren. Bijvoorbeeld,
export const message = 'hello world'; export const number = 10;
Om code uit een ander bestand op te nemen, moet u de import
instructie gebruiken en importeren via het bestandspad. Bijvoorbeeld,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Vervolgens kunt u deze codes gebruiken, aangezien ze deel uitmaken van hetzelfde bestand.
Dit helpt bij het schrijven van schonere, onderhoudbare en modulaire code.