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:

let 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:

import math from './math.js';

Või sellisel kujul:

import * as math from './math.js';

Kirjutage järgmine kood ümber ES moodulite stiilis:

let {square, cube} = require('./math');

Kirjutage järgmine kood ümber ES moodulite stiilis:

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

Kirjutage järgmine kood ümber ES moodulite stiilis:

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