Reagire ai moduli ES6
Moduli
I moduli JavaScript ti consentono di suddividere il codice in file separati.
Ciò semplifica la manutenzione della base di codice.
I moduli ES si basano sulle istruzioni import
e export
.
Esportare
È possibile esportare una funzione o una variabile da qualsiasi file.
Creiamo un file chiamato person.js
e riempiamolo con le cose che vogliamo esportare.
Esistono due tipi di esportazione: denominata e predefinita.
Esportazioni nominative
Puoi creare esportazioni con nome in due modi. In linea singolarmente o tutto in una volta in fondo.
In linea individualmente:
person.js
export const name = "Jesse"
export const age = "40"
Tutto in una volta in fondo:
person.js
const name = "Jesse"
const age = "40"
export { name, age }
Ottieni la certificazione!
ISCRIVITI A $95
Esportazioni predefinite
Creiamo un altro file, chiamato message.js
e usiamolo per dimostrare l'esportazione predefinita.
Puoi avere solo un'esportazione predefinita in un file.
Esempio
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
Importare
Puoi importare i moduli in un file in due modi, a seconda che siano esportazioni con nome o esportazioni predefinite.
Le esportazioni con nome devono essere destrutturate utilizzando parentesi graffe. Le esportazioni predefinite non lo fanno.
Importa da esportazioni con nome
Importa le esportazioni con nome dal file person.js:
import { name, age } from "./person.js";
Importa dalle esportazioni predefinite
Importa un'esportazione predefinita dal file message.js:
import message from "./message.js";