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 importe export.


Esportare

È possibile esportare una funzione o una variabile da qualsiasi file.

Creiamo un file chiamato person.jse 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 }

w3schools CERTIFIED . 2022

Ottieni la certificazione!

Completa i moduli React, fai gli esercizi, fai l'esame e diventa certificato w3schools!!

ISCRIVITI A $95

Esportazioni predefinite

Creiamo un altro file, chiamato message.jse 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";