Omvandling av CommonJS-moduler till ES i JavaScript

Fortfarande i olika dokumentationer kan man stöta på importer i CommonJS-modulstil. Du behöver lära dig att omvandla dessa importer till standard ES-moduler.

I CommonJS görs importer med kommandot require, vars parameter anger sökvägen till modulen. Resultatet av kommandot skrivs till en variabel:

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

Låt oss skriva om den här koden i ES-stil. Notera först att i CommonJS sätts inte filtillägget .js för filer, medan i ES görs det.

Sedan beror allt på om modulen exporterar som standard eller vanlig. I CommonJS finns det ingen skillnad, men i ES-moduler finns det det. Vanligtvis syns skillnaden i kodexempel, eller så kan du bara prova båda importalternativen.

I vårt fall kommer importen som visas att skrivas om antingen så här:

import math from './math.js';

Eller så här:

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

Skriv om följande kod i ES-modulstil:

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

Skriv om följande kod i ES-modulstil:

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

Skriv om följande kod i ES-modulstil:

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