Conversione dei moduli CommonJS in ES in JavaScript

In varie documentazioni è ancora possibile incontrare importazioni nello stile dei moduli CommonJS. Dovete imparare a convertire queste importazioni nei moduli ES standard.

In CommonJS le importazioni vengono effettuate utilizzando il comando require, il cui parametro specifica il percorso del modulo. Il risultato del comando viene assegnato a una variabile:

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

Riscriviamo questo codice nello stile ES. Per prima cosa, nota che in CommonJS l'estensione .js per i file non viene specificata, mentre in ES sì.

Poi tutto dipende dal fatto che dal modulo venga esportato un valore predefinito (default) o un'esportazione con nome. In CommonJS non c'è differenza, mentre nei moduli ES sì. Di solito, la differenza è visibile dagli esempi di codice, oppure si possono semplicemente provare entrambe le varianti di importazione.

Nel nostro caso, l'importazione mostrata verrà riscritta in questo modo:

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

Oppure in questo modo:

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