In questo esempio, imparerai a scrivere un programma JavaScript che includerà un file JS in un altro file JS.
Per comprendere questo esempio, è necessario conoscere i seguenti argomenti di programmazione JavaScript:
- Variabili e costanti JavaScript
- Funzione JavaScript ed espressioni di funzione
- Moduli JavaScript
Esempio: utilizzo di import / export
Creiamo un file denominato module.js (il nome del file può essere qualsiasi cosa) con il seguente contenuto:
// 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 );
Per includere queste variabili e funzioni in un altro file, ad esempio main.js , puoi utilizzare la import
parola chiave come:
// 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
Per includere un altro file, devi esportare il codice che desideri utilizzare in un altro file utilizzando l' export
istruzione. Per esempio,
export ( message, number, multiplyNumbers );
Puoi anche eseguire esportazioni individuali. Per esempio,
export const message = 'hello world'; export const number = 10;
Per includere codice da un altro file, è necessario utilizzare l' import
istruzione e importare utilizzando il percorso del file. Per esempio,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Quindi, puoi utilizzare questi codici poiché fanno parte dello stesso file.
Questo aiuta a scrivere codice più pulito, manutenibile e modulare.