Reageren ES6-modules

Modules

Met JavaScript-modules kunt u uw code opsplitsen in afzonderlijke bestanden.

Dit maakt het gemakkelijker om de code-base te onderhouden.

ES Modules vertrouwen op de importen exportverklaringen.

Exporteren

U kunt een functie of variabele vanuit elk bestand exporteren.

Laten we een bestand met de naam maken person.jsen het vullen met de dingen die we willen exporteren.

Er zijn twee soorten export: Benoemd en Standaard.

Benoemde export

U kunt benoemde exports op twee manieren maken. In-line afzonderlijk, of allemaal tegelijk onderaan.

export const name = "Jesse"
export const age = "40"

const name = "Jesse"
const age = "40"

export { name, age }

Standaard export

Laten we een ander bestand maken, genaamd message.js, en dit gebruiken om de standaardexport te demonstreren.

U kunt slechts één standaardexport in een bestand hebben.

const message = () => {
  const name = "Jesse";
  const age = "40";
  return name + ' is ' + age + 'years old.';
};

export default message;

Importeren

U kunt modules op twee manieren in een bestand importeren, afhankelijk van of ze exports of standaardexports worden genoemd.

Benoemde exports moeten worden gedestructureerd met accolades. Standaardexports niet.

import { name, age } from "./person.js";

import message from "./message.js";