Modules

import { rand } from './math.js';

const diceP1 = rand(1, 6, 2);
const diceP2 = rand(1, 6, 2);
const scores = { diceP1, diceP2 }

export { scores };

​

Vorteile

• Software zusammensetzen: Module sind kleine Bausteine, die wir zusammenfügen, um komplexe Anwendungen zu erstellen
• Komponenten isolieren: Module können isoliert entwickelt werden, ohne an die gesamte Codebasis denken zu müssen
• Code abstrahieren: Low-Level-Code in Modulen implementieren und diese Abstraktionen in andere Module importieren
• Code organisieren: Module führen auf natürliche Weise zu einer besser organisierten Codebase
• Code wiederverwenden: Module ermöglichen es uns, denselben Code einfach wiederzuverwenden, auch über mehrere Projekte hinweg

​

ES6 Modules

​

Unterschiede: Modules vs. Scripts

​

Importieren und exportieren

import './shoppingCart.js';
console.log('Importing module');

console.log('Exporting module');

Exporting module
Importing module

import { addToCart, totalPrice as price, tq } from './shoppingCart.js';

addToCart('bread', 5);
addToCart('milk', 3);
console.log(price, tq);

const shippingCost = 10;
const cart = [];

export const addToCart = (product, quantity) => {
  cart.push({ product, quantity });
  console.log(`${quantity} ${product}(s) added to cart`);
};

const totalPrice = 237;
const totalQuantity = 23;

export { totalPrice, totalQuantity as tq };

5 bread(s) added to cart
3 milk(s) added to cart
237 23

import * as ShoppingCart from './shoppingCart.js';

console.log(ShoppingCart.totalPrice);

237

import log from './shoppingCart.js';

log();

export default () => {
  console.log('Exporting module');
}

Exporting Module

​

CommonJS

const { addToCart } = require(./shoppingCart.js);

exports.addToCart = () => {
  cart.push({ product, quantity });
  console.log(`${quantity} ${product}(s) added to cart`);
}