CommonJS модулларини ESга JavaScriptда ўзгартириш
️️️️Бугунга кадар турли ҳужжатларда CommonJS модуллари услубидаги импортларни учратиш мумкин. Сиз ушбу импортларни стандарт ES модулларига ўзгартиришни ўрганишингиз керак.
️️️️CommonJS да импортлар require
буйруги ёрдамида бажарилади, унинг параметри сифатида
модулга йўл кўрсатилади. Буйруқ натижаси
ўзгарувчига ёзилади:
src/index.jslet math = require('./math');
️️️️Келинг, ушбу кодни ES услубида қайта ёзайлик.
️️️️Бошлаб, диққат қилинг, CommonJS да .js
кенгайтмаси файллар учун қўйилмайди,
️️️️ЭС да esa қўйилади.
️️️️Кейин ҳаммаси модулдан ️️️️судур бўйича экспорт ёки оддий экспорт ️️️️эканлигига боғлиқ. CommonJS да фарқ йўқ, ️️️️ЭС модулларида esa бор. Одатда, ️️️️фарқ код мисолларида кўринади, ️️️️ёки жуда оддийгина иккила ️️️️импорт вариантини синаб кўриш мумкин.
️️️️Бизнинг ҳолимизда келтирилган импорт ️️️️ёки мана бундай кўринишда қайта ёзилади:
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]);