Mengonversi Modul CommonJS ke ES dalam JavaScript

Hingga saat ini, dalam berbagai dokumentasi masih dapat ditemukan impor dalam gaya modul CommonJS. Anda perlu mempelajari cara mengonversi impor tersebut ke dalam modul ES standar.

Dalam CommonJS, impor dilakukan dengan menggunakan perintah require, yang parameternya menentukan jalur ke modul. Hasil perintah ditulis ke dalam variabel:

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

Mari kita tulis ulang kode ini dalam gaya ES. Pertama-tama, perhatikan bahwa dalam CommonJS ekstensi .js untuk file tidak ditulis, sedangkan dalam ES - ditulis.

Selanjutnya, semuanya tergantung pada apakah modul mengekspor ekspor default atau ekspor biasa. Dalam CommonJS tidak ada perbedaan, tetapi dalam modul ES - ada. Biasanya, perbedaannya terlihat dari contoh kode, atau Anda bisa mencoba kedua jenis impor tersebut.

Dalam kasus kita, impor yang diberikan akan ditulis ulang menjadi seperti ini:

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

Atau menjadi seperti ini:

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