CommonJS moodulite teisendamine ES-mooduliteks JavaScriptis

Siiani võib erinevates dokumentatsioonides kokku puutuda CommonJS moodulite stiilis importimistega. Teil tuleb õppida teisendama neid impordeid standardseteks ES mooduliteks.

CommonJS-is teostatakse impordid käsuga require, mille parameetrina määratakse mooduli tee. Käsuga tulemus salvestatakse muutujasse:

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

Kirjutame selle koodi ümber ES-stiilis. Kõigepealt pange tähele, et CommonJS-is ei panda failidele laiendit .js, kuid ES-is pannakse.

Edasi sõltub kõik sellest, kas moodulist eksporditakse vaikimisi või tavalist. CommonJS-is vahet pole, kuid ES moodulites - on. Reeglina on erinevus näha koodinäidete põhjal, või saab lihtsalt proovida mõlemat impordi varianti.

Meie juhul kirjutatakse toodud import ümber kas sellisel kujul:

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

Või sellisel kujul:

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]);