Konvertierung von CommonJS-Modulen zu ES in JavaScript

Bis heute kann man in verschiedenen Dokumentationen Imports im Stil von CommonJS-Modulen antreffen. Sie müssen lernen, diese Imports in standardmäßige ES-Module umzuwandeln.

In CommonJS werden Imports mit dem Befehl require durchgeführt, wobei als Parameter der Pfad zum Modul angegeben wird. Das Ergebnis des Befehls wird in einer Variable gespeichert:

src/index.jslet math = require('./math');

Lassen Sie uns diesen Code im ES-Stil umschreiben. Beachten Sie zunächst, dass in CommonJS die Dateierweiterung .js für Dateien nicht angegeben wird, während in ES-Modulen dies der Fall ist.

Weiterhin hängt alles davon ab, ob es sich um einen Standardexport aus dem Modul handelt oder um einen benannten. In CommonJS gibt es keinen Unterschied, in ES-Modulen hingegen schon. In der Regel ist der Unterschied an Codebeispielen erkennbar, oder man kann einfach beide Importvarianten ausprobieren.

In unserem Fall wird der gezeigte Import entweder in dieser Form umgeschrieben:

src/index.jsimport math from './math.js';

Oder in dieser Form:

src/index.jsimport * as math from './math.js';

src/index.jslet {square, cube} = require('./math');

src/index.jslet math = require('./math');
let res  = math.square(2) + math.cube(3);

src/index.jslet sum = require('./sum');
let res = sum([1, 2, 3]);