Testgetriebene Entwicklung lernen

Kapitel 6. Module in JavaScript

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Ein Modul ist eine Funktion oder ein Objekt, das eine Schnittstelle darstellt, aber seinen Zustand und seine Implementierung verbirgt.

Douglas Crockford, JavaScript:Die guten Seiten (O'Reilly, 2008)

In diesem Kapitel werden wir verschiedene Maßnahmen ergreifen, um unseren JavaScript-Code aufzuräumen und zu verbessern. Wir werden unseren Testcode mit Hilfe von JavaScript-Modulen von unserem Produktionscode trennen. Es gibt verschiedene Möglichkeiten, Module in JavaScript zu schreiben - wir werden uns vier verschiedene Stile und ihre Anwendbarkeit auf unseren Code ansehen. Wir werden uns damit befassen, wie unser Testcode organisiert ist, und dann seine Ausführung und Ausgabe verbessern. Zum Schluss werden wir einige Redundanzen in unseren Tests beseitigen. Das ist eine Menge Arbeit, also nichts wie los!

Unseren Code in Module aufteilen

Trennen wir die Klassen Money und Portfolio vom Testcode. Wir erstellen zwei neue Dateien namens money.js und portfolio.js im selben Ordner wie test_money.js und verschieben den entsprechenden Code dorthin. Hier ist unsere neue Ordnerstruktur:

js
├── money.js
├── portfolio.js
└── test_money.js

So sieht portfolio.js aus:

class Portfolio {
    constructor() {
        this.moneys = [];
    }

    add(...moneys) {
        this.moneys = this.moneys.concat(moneys);
    }

    evaluate(currency) {
        let total = this.moneys.reduce ...