CommonJS მოდულების ES-ში გარდაქმნა JavaScript-ში

სხვადასხვა დოკუმენტაციაში დღესაც შეიძლება შეგვხვდეს იმპორტები CommonJS მოდულების სტილში. თქვენ უნდა ისწავლოთ როგორ გარდაქმნათ ეს იმპორტები სტანდარტულ ES მოდულებში.

CommonJS-ში იმპორტები ხორციელდება ბრძანების მეშვეობით require, რომლის პარამეტრად მითითებულია მოდულის მისამართი. ბრძანების შედეგი იწერება ცვლადში:

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

მოდით გადავწეროთ ეს კოდი ES სტილში. პირველ რიგში, ყურადღება მიაქციეთ იმას, რომ CommonJS-ში გაფართოება .js ფაილებისთვის არ იყენებენ, ხოლო ES-ში - იყენებენ.

შემდეგ ყველაფერი დამოკიდებულია იმაზე, ექსპორტირდება თუ არა მოდულიდან ნაგულისხმევად თუ ჩვეულებრივი. CommonJS-ში განსხვავება არ არის, ხოლო ES მოდულებში - არის. როგორც წესი, განსხვავება ჩანს კოდის მაგალითებში, ან შეგიძლიათ უბრალოდ სცადოთ იმპორტის ორივე ვარიანტი.

ჩვენს შემთხვევაში, მოყვანილი იმპორტი გადაიწერება ან ამ ფორმით:

import math from './math.js';

ან ამ ფორმით:

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

გადაწერეთ შემდეგი კოდი ES მოდულების სტილში:

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

გადაწერეთ შემდეგი კოდი ES მოდულების სტილში:

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

გადაწერეთ შემდეგი კოდი ES მოდულების სტილში:

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