Menukar Modul CommonJS kepada ES dalam JavaScript

Sehingga kini, dalam pelbagai dokumentasi masih boleh ditemui import dalam gaya modul CommonJS. Anda perlu belajar menukar import tersebut kepada modul ES piawai.

Dalam CommonJS, import dilakukan menggunakan perintah require, yang parameternya menentukan jalan (path) ke modul. Hasil perintah tersebut ditulis ke dalam pembolehubah:

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

Mari kita tulis semula kod ini dalam gaya ES. Pertama, perhatikan bahawa dalam CommonJS sambungan .js untuk fail tidak dinyatakan, manakala dalam ES - dinyatakan.

Seterusnya, semuanya bergantung pada sama ada modul mengeksport secara lalai (default) atau biasa. Dalam CommonJS tiada bezanya, tetapi dalam modul ES - ada. Biasanya, perbezaannya boleh dilihat melalui contoh kod, atau anda boleh cuba kedua-dua jenis import.

Dalam kes kami, import yang diberikan akan ditulis semula sama ada dalam bentuk ini:

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

Atau dalam bentuk 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]);