Un modulo in JavaScript è un blocco di codice riutilizzabile che incapsula parti di codice correlate. Questo concetto aiuta a suddividere il codice in parti più piccole e gestibili, migliorando la manutenibilità e la riutilizzabilità del codice.
Per esportare un modulo:
```
// myModule.js
export const myFunction = () => {
console.log(‘Hello from my module!’);
}
```
In questo esempio, abbiamo un modulo chiamato “myModule.js” che esporta una funzione chiamata “myFunction”.
Per importare il modulo che abbiamo appena creato:
```
// app.js
import { myFunction } from ‘./myModule.js’;
myFunction(); // logs ‘Hello from my module!‘
```
In questo esempio, abbiamo un file chiamato “app.js” che importa la funzione “myFunction” dal modulo “myModule.js”.
Notare che quando si importa un modulo, dobbiamo fornire il percorso al file del modulo. In questo caso, ‘./myModule.js’ indica che il modulo si trova nello stesso livello di directory del file corrente.
Esistono anche esportazioni predefinite in cui non è necessario utilizzare parentesi graffe quando si importa il modulo:
```
// myModule.js
const myFunction = () => {
console.log(‘Hello from my module!’);
}
export default myFunction;
```
Quindi puoi importare come:
```
// app.js
import myFunction from ‘./myModule.js’;
myFunction(); // logs ‘Hello from my module!‘
```
Questo è utile quando un modulo esporta un singolo valore, come una funzione o una classe.
