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:

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

import math from './math.js';

Oppure in questo modo:

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

Riscrivi il seguente codice nello stile dei moduli ES:

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

Riscrivi il seguente codice nello stile dei moduli ES:

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

Riscrivi il seguente codice nello stile dei moduli ES:

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