CommonJS модульдерін ES-ге JavaScript-те түрлендіру

Әлі де әртүрлі құжаттамаларда CommonJS модульдері стиліндегі импорттарды кездестіруге болады. Сіз бұл импорттарды стандартты ES модульдеріне түрлендіруді үйренуіңіз керек.

CommonJS-те импорттар require командасы арқылы орындалады, оның параметрі ретінде модульге дейінгі жол көрсетіледі. Команда нәтижесі айнымалыға жазылады:

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

Бұл кодты ES стиліне қайта жазайық. Алдымен назар аударыңыз, CommonJS-те .js кеңейтімі файлдар үшін қойылмайды, ал ES-те - қойылады.

Әрі қарай бәрі модульден әдепкі бойынша экспорт әлде жай экспорт жүретініне байланысты. CommonJS-те айырмашылық жоқ, ал ES модульдерінде - бар. Әдетте, айырмашылық код мысалдарынан көрінеді, немесе жай импорттың екі нұсқасын да көріп көруге болады.

Біздің жағдайда келтірілген импорт не мына түрде қайта жазылады:

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

Немесе мына түрде:

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