Omskakeling van CommonJS modules na ES in JavaScript

Tot vandag toe kan 'n mens nog in verskeie dokumentasie importe in die styl van CommonJS modules teëkom. Jy moet leer hoe om hierdie importe na standaard ES modules om te skakel.

In CommonJS word importe uitgevoer met behulp van die opdrag require, waarvan die parameter die pad na die module is. Die resultaat van die opdrag word in 'n veranderlike geskryf:

let math = require('./math');

Kom ons herskryf hierdie kode in ES-styl. Let eerstens daarop dat in CommonJS word die uitbreiding .js nie vir lêers geplaas nie, maar in ES word dit wel geplaas.

Verder hang alles af of die module 'n verstekuitvoer het of 'n gewone een. In CommonJS is daar geen verskil nie, maar in ES modules - is daar wel. Gewoonlik is die verskil sigbaar in die kodevoorbeelde, of jy kan eenvoudig albei importopsies probeer.

In ons geval sal die gegewe import óf so herskryf word:

import math from './math.js';

Óf soos hier:

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

Herskryf die volgende kode in ES module styl:

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

Herskryf die volgende kode in ES module styl:

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

Herskryf die volgende kode in ES module styl:

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