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:

let 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:

import math from './math.js';

Atau menjadi seperti ini:

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

Tulis ulang kode berikut dalam gaya modul ES:

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

Tulis ulang kode berikut dalam gaya modul ES:

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

Tulis ulang kode berikut dalam gaya modul ES:

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