Reageer ES6-modules

Modules

JavaScript-modules laat jou toe om jou kode in aparte lêers op te breek.

Dit maak dit makliker om die kode-basis in stand te hou.

ES-modules maak staat op die importen export-stellings.

Uitvoer

U kan 'n funksie of veranderlike vanaf enige lêer uitvoer.

Kom ons skep 'n lêer met die naam person.js, en vul dit met die dinge wat ons wil uitvoer.

Daar is twee tipes uitvoere: benoemde en verstek.

Uitvoere genoem

Jy kan benoemde uitvoere op twee maniere skep. In-lyn individueel, of alles gelyktydig aan die onderkant.

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

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

export { name, age }

Standaarduitvoere

Kom ons skep 'n ander lêer, genaamd message.js, en gebruik dit om verstekuitvoer te demonstreer.

Jy kan net een verstek uitvoer in 'n lêer hê.

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

export default message;

Invoer

Jy kan modules op twee maniere in 'n lêer invoer, gebaseer op of dit uitvoere of verstekuitvoere genoem word.

Benoemde uitvoere moet gedestruktureer word met behulp van krulhakies. Verstek uitvoere nie.

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

import message from "./message.js";