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